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JSP(Java Server Pages) 是 由 Sun 公司 倡导 .许多 公司 一 起 参与 建立 的 一 种 动态 网 页 技 
术 标 准 ,是 一 种 强大 的 服务 器 端 动态 网 页 开发 技术 ,是 目前 在 中 国 乃 至 全 球 最 流行 ,应 用 最 
广泛 的 软件 开发 技术 之 一 。JSP 与 Microsoft 公司 的 ASP 技术 非常 相似 ,两 者 都 提供 在 
HTML 代码 中 混合 某 种 程序 代码 .由 语言 引擎 解释 执行 程序 代码 的 能 力 。 

JSP 技术 是 J2EE 技术 的 核心 之 一 ,是 基于 Java Servlet 以 及 整个 Java 体系 的 Web 开 
发 技术 ,利用 这 一 技术 可 以 建立 安全 、 跨 平台 的 先进 动态 网 站 。JSP 使 用 的 是 Java 语言 ,以 
Java 技术 为 基础 ,又 在 许多 方面 做 了 改进 ,具有 动态 页 面 与 静态 页 面 分 离 .能 够 脱离 硬件 平 
台 的 束缚 以 及 编译 后 运行 等 优点 。 需 要 强调 的 是 ,要 想 真 正 地 掌握 JSP 技术 ,必须 有 较 好 
的 Java 语言 基础 ,以 及 HTML 方面 的 知识 。 

本 书 从 JSP 基本 的 语法 和 规范 人 手 , 结 合 Servlet 的 最 新 规范 ,由浅 入 深 、 循 序 渐进 地 介 
绍 了 JSP Web 的 技术 原理 ,深入 浅 出 地 讲解 了 JSP 开发 中 的 问题 。 

Web 的 基本 工作 原理 和 HTML 是 JSP 技术 的 基础 内 容 之 一 ,本 书 在 前 两 章 对 它们 进 
行 了 介绍 ,作为 读者 进行 普通 网 站 设计 的 重要 参考 。 对 于 JSP 开发 中 常 遇 到 的 工程 实际 问 
题 ,在 相关 章节 也 做 了 详细 介绍 。 

全 书 共 11 章 。 第 1 章 为 Web 的 基本 原理 ,主要 介绍 了 常用 的 Web 服务 器 .IIS Web 服 
务 器 的 配置 等 相关 技术 。 第 2 章 为 HTML 基础 ,主要 介绍 了 HTML 文件 结构 、 常 用 标记 
和 HTML 事件 ,对 DIV 十 CSS 布局 和 JavaScript 语言 也 做 了 简要 介绍 ,为 JSP 页 面 设 计 做 
了 基础 性 准备 。 如 果 学 时 较 少 ,这 两 章 可 作为 学 生 的 自学 内 容 。 第 3 章 为 Java Web 开发 环 
境 搭 建 ,介绍 了 JSP 的 工作 原理 ,JSP 项 目的 创建 与 发 布 。 对 于 Tomcat 服务 器 的 安全 性 进 
行 了 详细 讨论 。 第 4 章 为 JSP 技术 基础 ,详细 介绍 了 JSP 标准 语法 、JSP 指令 ,重点 介绍 了 
JSP 的 九 大 内 置 对 象 及 其 使 用 方法 。 第 5 章 为 JSP 访问 数据 库 , 介 绍 了 JDBC 的 工作 原理 
和 使 用 方法 ,对 数据 库 连 接 池 技术 也 做 了 详细 介绍 。 从 这 一 章 开 始 引 入 网 上 书店 实际 工程 
项 目的 设计 , 随 着 课程 的 推进 ,逐步 完成 项 目的 设计 任务 。 第 6 章 为 JavaBean 技术 ,对 
JavaBean 的 定义 与 应 用 方法 做 了 详细 介绍 。 第 7 章 是 关于 Servlet 技术 的 介绍 ,这 也 是 JSP 
技术 的 核心 内 容 。 这 一 章 结合 Servlet 在 验证 码 与 文件 上 传 两 个 典型 案例 中 的 实际 应 用 ,有 
利于 读者 加 深 对 Servlet 的 理解 。 同 时 ,在 网 上 书店 项 目 中 也 大 量 采 用 了 Servlet 进行 业务 
逻辑 处 理 , 使 读者 体会 到 Servlet 在 项 目 开 发 中 至 关 重 要 的 作用 。 第 8 章 对 过 滤器 做 了 专门 
讨论 ,给 出 了 多 个 过 滤器 实用 案例 。 第 9 章 对 EL 表达 式 和 JSTL 标签 库 做 了 介绍 。 第 10 
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章 介 绍 了 JSP 自 定义 标签 的 设计 方法 。 第 11 章 给 出 了 聊天 室 和 网 上 投票 系统 两 个 JSP 应 
用 项 目 案例 ,以 便 巩 固 对 JSP 技术 原理 的 掌握 。 

全 书 由 讲授 JSP 课程 的 教师 ,在 总 结 多 年 教学 经 验 和 项 目 开发 经 验 的 基础 上 精心 编写 
而 成 。 他 们 在 内 容 结构 .知识 衔接 ,关键 知识 点 的 讲解 .典型 案例 的 分 析 等 方面 进行 了 精心 
安排 。 本 书 采 用 的 开发 环境 为 JDK 1.7 十 MyEclipse 8. x 十 Tomcat 7. x 十 MySQL 5.5。 

本 书 由 王 春 明 负责 统筹 编写 , 史 胜 辉 、 陆 培 军 . 王 进 、 沈 学 华 、 曹 利 、 陈 亮 . 王 则 林 、 朱 浩 、 
张晓峰 、 严 燕 、. 王 丹 丹 、 魏 晓 宁 、 菏 巍巍 、. 朱 浩 、. 朱 晓 辉 、. 陈 森 博 、. 丁 浩 , 袁 鸿 燕 、 朱 鹏 程 等 参与 了 
本 书 的 编写 及 代码 测试 。 

本 书 配 有 完整 课件 和 实例 源 代码 ,扫描 封底 二 维 码 即 可 获取 。 

限于 作者 水 平 , 加 之 时 间 仓 促 , 书 中 难免 有 不 足 之 处 , 敬 请 读者 批评 指正 。 
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第 1 章 Web 的 基本 原理 





本 章 学 习 目标 

。 掌握 Web 的 工作 原理 ; 

。 了 解 常用 的 Web 服务 器 ; 

。 熟练 掌握 IIS Web 服务 器 的 配置 与 使 用 。 





Web 的 应 用 架构 是 由 英国 人 Tim Berners-Lee 在 1989 年 提出 的 。1990 年 11 月 第 一 个 
Web 服务 器 开始 运行 ,由 Tim Berners-Lee 编写 的 图 形 化 Web 浏览 器 第 一 次 出 现在 人 们 面 
前 。 目 前 ,与 Web 相关 的 各 种 技术 标准 都 由 著名 的 W3C 组 织 管理 和 维护 。 

Web 的 原文 含义 是 编织 网 ,自从 互联 网 出 现 以 后 , Web 变 成 了 WWW (World Wide 
Web) 的 简称 ,也 称 为 万 维 网 。Web 的 基本 工作 原理 是 请 求 与 响应 原理 。 它 由 遍布 在 互联 
网 中 的 Web 服务 器 和 安装 了 Web 浏览 器 的 计算 机 组 成 ,用 于 发 布 ,浏览 ,查询 网 络 信息 。 
它 是 一 种 基于 超 文本 方式 工作 的 信息 系统 。 作 为 一 个 能 够 处 理 文字 、 图 像 . 声 音 、 视 频 等 多 
媒体 信息 的 综合 系统 , 它 提供 了 丰富 的 信息 资源 ,这 些 信息 资源 以 Web 页 面 的 形式 分 别 存 
放 在 各 个 Web 服务 器 上 ,用 户 可 以 通过 浏览 器 向 服务 器 发 出 资源 请 求 , 服 务 器 对 请 求 作出 
处 理 和 响应 ,将 响应 结果 发 给 客户 端 ,由 浏览 器 解析 显示 所 请 求 的 结果 信息 。 它 的 发 展 同时 
也 推动 了 网 络 的 不 断 发 展 ,从 而 影响 到 社会 及 个 人 的 生活 。 

Web 是 一 种 典型 的 分 布 式 应 用 架构 ,从 技术 层面 上 看 ,Web 架构 的 精华 包括 三 方面 : 
用 超 文 本 标记 语言 (HyperText Markup Language,HTML) 技 术 实现 信息 文档 的 表示 ; 用 
统一 资源 定位 符 (Uniform Resource Locator,URL) 技 术 实 现 全 球 信息 的 精确 定位 ; 用 超 文 
本 传输 协议 (HyperText Transfer Protocol, HTTP) 实 现 分 布 式 的 信息 传输 。 

Web 应 用 中 的 每 一 次 信息 交换 都 要 涉及 客户 端 和 服务 器 端 两 个 层面 ,如 图 1-1 所 示 。 
因此 ,Web 开发 涉及 的 技术 大 体 上 也 可 以 被 分 为 客户 端 技术 和 服务 器 端 技术 两 大 类 。 客 户 
端 主要 是 安装 了 浏览 器 的 计算 机 ; 服务 器 端 通常 是 保存 网 页 等 资源 并 提供 Web 服务 的 远 
程 服 务 器 。 





客户 端 服务 器 端 
图 1-1 Web 技术 架构 
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1.1 常用 的 Web 服务 器 


Windows 平台 下 最 常用 的 服务 器 是 微软 公司 的 IIS。UNIX 和 Linux 平台 下 常用 的 服 
务 器 有 Apache、Tomcat、IBM WebSphere、Nginx、Lighttpd 等 ,其 中 应 用 最 广泛 的 是 
Apache。 

1. 微软 公司 的 IIS 

微软 公司 的 Web 服务 器 产品 为 HS (Internet Information Server)。1IIS 是 由 微软 公司 
提供 的 基于 Microsoft Windows 的 互联 网 基本 服务 , 它 是 目前 最 流行 的 Web 服务 器 产品 ， 
很 多 著名 的 网 站 都 是 建立 在 IIS 平台 上 的 。IIS Web 服务 组 件 包 括 Web 服务 器 .FTP 服务 
器 ,NNTP 服务 器 和 SMTP 服务 器 ,分 别 用 于 网 页 浏览 文件 传输 、 新 闻 服务 和 邮件 发 送 等 
方面 ,使 得 在 网 络 上 发 布 信息 成 了 一 件 很 容易 的 事 。 

2. Tomcat 服务 器 

Tomcat 服务 器 是 一 个 免费 的 开放 源 代码 的 Web 应 用 服务 器 。Tomcat 是 Apache 软 
件 基金 会 的 Jakarta 项 目 中 的 一 个 核心 项 目 ,由 Apache、Sun 和 其 他 一 些 公司 及 个 人 共同 开 
发 而 成 。 由 于 有 了 Sun 的 参与 和 支持 ,最 新 的 Servlet 和 JSP 规范 总 是 能 在 Tomcat 中 得 到 
体现 。Tomcat 技术 先进 ,性 能 稳定 ,而 且 免 费 ,因而 深 受 Java 爱好 者 的 喜爱 并 得 到 了 部 分 
软件 开发 商 的 认可 ,成 为 目前 最 为 流行 的 Web 应 用 服务 器 之 一 。 

3. Apache 服务 器 

Apache 是 世界 使 用 排名 第 一 的 Web 服务 器 软件 ,可 以 运行 在 几乎 所 有 广泛 使 用 的 计 
算 机 平台 上 。Apache 的 模块 支持 非常 丰富 ,虽然 在 速度 、 性 能 上 不 及 其 他 轻 量 级 Web 服务 
器 ,属于 重量 级 产品 ,所 消耗 的 内 存 也 比 其 他 Web 服务 器 要 高 ,但 由 于 其 跨 平台 和 安全 性 而 
被 广泛 使 用 ,是 最 流行 的 Web 服务 器 端 软件 之 一 。Apache 取 自 “a patchy server” 的 读音 ， 
意思 是 充满 补丁 的 服务 器 。 因 为 它 是 自由 软件 ,所 以 不 断 有 人 来 为 它 开发 新 的 功能 、 新 
的 特性 ,修改 原来 的 缺陷 。Apache 的 特点 是 简单 .速度 快 . 性 能 稳定 ,并 可 用 做 代理 服 
务 器 。 

4. IBM WebSphere 服务 器 

WebSphere Application Server 是 一 个 基于 Java 的 Web 应 用 程序 服务 器 ,提供 了 丰富 
的 电子 商务 应 用 程序 部 署 环境 , 带 有 一 整套 应 用 程序 服务 ,包括 事务 管理 .安全 性 、 群 集 、 性 
能 、 可 用 性 ,连接 性 和 可 伸缩 性 功能 。 它 构建 在 开放 标准 的 基础 之 上 ,能 帮助 用 户 部 署 与 管 
理 从 简单 的 Web 站 点 到 强大 的 电子 商务 解决 方案 的 诸多 应 用 程序 。 它 遵循 J2EE 并 为 
java 组件.XML 和 Web 服务 提供 了 一 个 可 移植 的 Web 部 署 平台 ,这 个 平台 能 够 与 数据 库 
交互 并 提供 动态 Web 内 容 。 

5. Lighttpd 服务 器 

Lighttpd 是 一 个 由 德国 人 写 的 开源 软件 ,其 目标 是 提供 一 个 专门 针对 高 性 能 网 站 , 安 
全 ,快速 .兼容 性 好 并 且 灵 活 的 轻 量 级 Web Server 环境 。 它 具有 内 存 开 销 低 、CPU 占用 率 
低 、 效 能 好 ,以 及 模块 丰富 等 特点 ,支持 FastCGI、.CGI、Auth. 输 出 压缩 (Output Compress) 、 
URL 重 写 及 Alias 等 重要 功能 。 


1.2 IIS Web 服务 器 配置 


为 了 便于 Web 技术 的 和 人 门 , 首 先 介绍 IIS Web 服务 器 的 配置 与 使 用 
方法 ,第 2 章 中 介绍 的 HTML 语法 及 示例 都 可 以 在 IIS Web 服务 器 中 发 
布 运行 。 这 些 也 为 后 面 的 JSP Web 技术 的 学 习 打 下 基础 。 

IIS Web 服务 器 配置 步骤 如 下 : 

(1) 确认 计算 机 上 是 否 已 安装 IIS。 展示 生 配 时 

可 先 试 试 步骤 (3) ,如果 步骤 (3) 中 的 文件 夹 属性 窗口 中 没有 “Web 共享 ”选项 卡 ,表示 
该 计算 机 未 装 IIS。 

如 果 计 算 机 未 安装 IIS 服务 组 件 ,可 通过 下 面 步骤 安装 IIS。 

“控制 面板 ”>“ 添 加 或 删除 程序 ”>“ 添 加 /删除 Windows 组 件 ”, 在 “Internet 信息 服务 
(IIS)" 复 选 框 前 打 钧 ,如 图 1-2 所 示 。 
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图 1-2 选中 “Internet 信息 服务 (IIS)” 复 选 框 


单 击 * 详 细 信息 ”按钮 ,选中 *FrontPage 2000 服务 器 扩展 ” 复 选 框 , 单 击 * 确 定 ” 按 钮 ,如 
图 1-3 所 示 。 安 装 过 程 中 需要 多 次 浏览 之 前 已 下 载 的 IIS 组件 目录 ,以 便 安 装 程序 能 够 找到 
所 需要 的 安装 文件 。 

(2) 编写 Web 网 页 程序 。 

这 是 第 一 个 IIS Web 例子 ,该 网 页 作为 IIS Web 服务 器 资源 ,浏览 器 可 以 向 IIS Web 服 
务 器 请 求 打开 这 个 Web 页 面 。 

在 计算 机 D:\myweb 文件 夹 下 ,创建 index. html 网 页 文件 。 


<html> 
<head> 
<title> 我 的 第 一 个 网 页 </title> 
< bgsound src = 111.mp3 loop = 10> <!-- 背景 音乐 --> 第 
</head> 1 
-上 
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<body bgcolor = Yellow> 

< font size= 10 color =" 井 FF0000"> 欢 迎 进 入 精彩 的 Web 世界 </font> 
</body> 
</html> 


(3) Web 发 布 。 

右 击 D:\myweb 示例 文件 夹 , 在 弹出 的 菜单 中 选择 “属性 ”命令 。 在 打开 的 对 话 框 中 ， 
切换 至 "Web 共享 "选项 卡 , 选 择 “ 共 享 文件 夹 ” 单 选 按钮 , 即 可 将 该 文件 夹 进行 IIS Web 发 
布 ,如 图 1-4 和 图 1-5 所 示 。 
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描述 使 用 昌 erosoft FrontFags 和 Visual InterDey 来 创作 和 管理 站 点 





图 1-3 选中 “FrontPage 2000 服务 器 扩展 ” 复 选 框 1-4 Web 共享 设置 


JS Web 发 布 后 ,如 果 未 设置 匿名 访问 , 则 访问 站 点 时 需 输入 用 户 名 和 密码 , 即 会 出 现 
如 图 1-6 所 示 的 对 话 框 。 实 际 上 对 于 一 个 站 点 访问 应 该 不 需要 输入 用 户 名 和 密码 ,站 点 访 
问 都 应 该 是 匿名 的 ,应 该 开放 匿名 账户 的 访问 权限 。 
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图 1-5 Web 共享 目录 设置 图 1-6 未 设置 匿名 访问 时 需 输入 用 户 名 和 密码 








开放 匿名 账户 的 访问 权限 的 方法 是 :“ 控 制 面板 ”>“ 管 理工 具 ”>“Internet 信息 服务 ”一 
“网 站 /默认 站 点 ”, 在 站 点 名 称 myweb 上 右 击 ,在 弹出 的 菜单 中 选择 “属性 ”项 ,弹出 “wyweb 
属性 ”对 话 框 ,打开 “目录 安全 性 ”选项 卡 , 编 辑 * 匿 名 访问 和 身份 验证 控制 项。 在 “身份 验证 
方法 ”对 话 框 中 选中 “匿名 访问 " 复 选 框 ,如 图 1-7 所 示 。 


(4) 通过 浏览 器 访问 Web 站 点 。 
在 浏览 器 地 址 栏 输入 http://localhost/myweb/index. html。 运 行 效果 如 图 1-8 所 示 。 
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图 1-7 开放 匿名 账户 的 访问 权限 1-8 第 一 个 Web 程序 运行 效果 


浏览 器 地 址 栏 中 的 http://localhost/myweb/index. html 表示 向 服务 器 资源 发 出 请 求 ， 
请 求 信息 含义 为 : 采用 HTTP 协议 ,向 localhost( 本 地 ) 服 务 器 发 出 请 求 , 请 求 的 资源 位 于 
服务 器 中 的 myweb 站 点 中 ,请求 的 资源 名 称 为 index. html。 可 见 , Web 服务 器 上 存放 的 都 
是 各 种 资源 文件 , 供 客户 端 请 求 访问 。 这 些 资 源 文件 类 型 有 静态 HTML 页 面 、 动 态 页 面 、 
图 片 . 音 视 频 等 。 对 于 不 同类 别 的 Web 服务 器 ,其 支持 的 资源 类 型 区 别 较 大 。 服 务 器 对 浏 
览 器 发 来 的 各 种 请 求 做 出 处 理 和 响应 ,将 响应 结果 以 HTML 形式 回 送 给 客户 端 浏览 器 , 济 
览 器 将 收 到 的 HTML 文件 解析 后 显示 给 用 户 。 


1.3 Windows 7 系统 IIS Web 服务 器 搭建 


Windows 7 系统 默认 情况 下 未 安装 IIS, 在 Windows 7 系统 中 搭建 IIS Web 服务 器 比 
Windows XP 系统 更 简便 。 可 以 通过 下 载运 行 Windows 7 IIS 安装 包 中 的 iis7x_setup. bat 
进行 直接 安装 ,也 可 以 直接 进入 Windows 7 控制 面板 通过 “打开 或 关闭 Windows 功能 ? 添 
加 IIS 功能 。 这 里 介绍 后 一 种 方法 。 

在 Windows 7 系统 中 添加 IIS 功能 的 步骤 如 下 : 

(1) 进入 Windows 7 的 控制 面板 ,选择 左 侧 的 “打开 或 关闭 Windows 功能 ”, 弹 出 “打开 
或 关闭 Windows 功能 ”选项 窗口 ,选择 IIS 相关 服务 ,如 图 1-9 所 示 。 

(2) 单 击 “确定 ”按钮 安装 完成 后 ,再 次 进入 控制 面板 ,选择 "管理 工具 ”, 双 击 “Internet 
(1IS) 管 理 器 ”选项 ,进行 JS 设置 。IIS 默认 情况 下 提供 了 Default Web Site, 对 于 ASP. 
NET 的 用 户 可 在 此 进行 配置 ,如 图 1-10 所 示 。 

(3) 这 里 只 简单 应 用 IIS Web 服务 器 进行 纯 HTML 网 站 信息 发 布 , 先 删除 默认 的 
“Default Web Site” 站 点 ,添加 我 们 自己 的 实验 站 点 ,站 点 位 于 D:/myweb 目录 中 。 在 “网 
站 ”上 右 击 ,选择 “添加 网 站 ”命令 ,填写 网 站 名 称 和 物理 路 径 , 添 加 虚拟 目录 ,如 图 1-11 
所 示 。 

(4) 设置 默认 访问 文档 : 单 击 * 默 认 文档 ”, 添 加 网 站 的 默认 文档 ,如 图 1-12 所 示 。 

此 时 ,在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1/myweb/ 访 问 刚才 添加 的 默认 文档 时 ， 
可 能 会 出 现 *“HTTP 错误 500. 19-Internal Server Error 无 法 访问 请 求 的 页 面 ,因为 该 页 的 
相关 配置 数据 无 效 .的 错误 信息 ,错误 原因 是 IIS 中 已 经 设置 了 默认 文档 为 default. aspx， 
这 时 候 ASP. NET 得 到 了 另外 一 个 相同 value 的 add 引发 异常 ,解决 方案 是 直接 到 站 点 文 
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图 1-11 在 Internet(IIS) 管 理 器 中 添加 网 站 
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图 1-12 设置 网 站 的 默认 文档 
件 夹 (这 里 是 D:/myweb) 中 修改 配置 文件 web. config ,在 < add /> 之 前 插入 < clear /> 一 行 
即 可 。 


web. config 文件 修改 示例 如 下 : 


<?xml version = "1.0" encoding = "UTF - 8"?> 
< configuration > 


< system. webServer > 
< defaultDocument > 
<files> 


<clear /> 


<add value = "aa. html" /> 
</files> 
</defaultDocument > 
</system. webServer > 
</configuration> 


至 此 Windows 7 环境 下 的 IIS Web 服务 器 配置 完毕 ,对 于 Windows 10 环境 ,设置 方法 
基本 相同 。 


(5) 站 点 访问 测试 。 在 浏览 器 地 址 栏 输入 http://127.0.0.1/myweb/ , 即 可 成 功 访问 
到 服务 器 上 设置 的 默认 文档 。 


1.4 客户 端 技 术 


无 论 采 用 何 种 Web 技术 ,都 涉及 客户 端 技术 和 服务 器 端 技术 。 


Web 客户 端的 主要 任务 是 展现 信息 内 容 ,HTML 语言 是 信息 展现 的 最 有 效 载体 之 一 。 
最 初 的 HTML 语言 只 能 在 浏览 器 中 展现 静态 的 文本 或 图 像 信息 ,随后 由 静态 技术 向 动态 
技术 逐步 转变 。 客 户 端 技术 用 于 为 最 终 用 户 构造 一 个 友好 的 人 机 界面 。 


从 Internet 诞生 开始 ,客户 端 技 术 就 在 不 断 地 发 展 , 从 最 早 的 HTML 到 DHTML 
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(Dynamic HTML) ,再 到 目前 最 有 发 展 前 途 的 XML 技术 。 

1. HTML 

HTML 是 浏览 器 识别 的 语言 代码 ,可 以 使 浏览 器 显示 任何 信息 (文本 、 表 格 和 图 像 等 )。 
HTML 代码 生成 的 是 一 种 静态 的 页 面 ,其 优点 是 不 用 经 过 其 他 处 理 ,而 且 可 以 被 浏览 器 或 
代理 服务 器 存储 在 缓存 中 ,因此 HTML 页 面 请 求 的 速度 比较 快 。HTML 代码 可 以 通过 一 
些 网 页 编辑 软件 (如 FrontPage、Dreamweaver 等 ), 以 所 见 即 所 得 的 方式 生成 和 编辑 ,便于 
维护 和 修改 。 

2. DHTML 

DHTML 是 对 HTML 扩充 的 一 种 动态 超 文本 标记 语言 。 在 DHTML 中 ,HTML 页 面 
上 的 所 有 元 素 都 被 当 作 对 象 来 处 理 , 它 们 有 自己 的 属性 和 事件 。 对 它们 的 控制 是 通过 改变 
它们 的 属性 和 触发 它们 的 某 些 事件 来 实现 的 ,所 有 这 些 对 象 共同 构成 了 DOM(Document 
Object Model, 文 档 对 象 模型 )。DHTML 为 Web 应 用 提供 了 一 种 动态 机 制 和 一 些 简单 的 
操作 ,可 以 在 一 定 程 度 上 减轻 服务 器 的 负荷 ,大 大 缩短 响应 的 时 间 。 

3. XML 

XML(Extensible Markup Language, 可 扩展 标记 语言 ) 是 由 W3C 组 织 给 出 的 一 种 可 扩 
展 的 源 标记 语言 。 它 是 SGML(Standard General Markup Language, 标 准 化 通用 标记 语言 ) 
的 一 个 简化 子 集 ,这 个 子 集 是 专 为 Web 环境 设计 的 。XML 通过 在 数据 中 加 入 附加 信息 的 
方式 来 描述 结构 化 数据 ,但 XML 不 像 HTML 只 提供 一 组 事先 已 经 定义 好 的 标记 ,而 是 允 
许 程序 开发 人 员 根 据 它 所 提供 的 规则 ,编写 各 种 各 样 的 标记 语言 。 在 XML 中 ,标记 的 请 法 
是 通过 文档 类 型 定义 (Document Type Definition,DTD) 或 Schema 模式 来 描述 的 ,描述 什 
么 是 有 效 的 标记 ,定义 标记 语言 的 结构 。 为 了 明确 各 个 标记 的 含义 ,XML 还 使 用 与 之 相连 
的 样式 单 (style sheet) 来 向 浏览 器 提供 如 何 处 理 显 示 的 指示 说 明 。 


1.5 服务 器 端 技术 


与 客户 端 技术 从 静态 向 动态 的 演进 过 程 类 似 , Web 服务 器 端的 开发 技术 也 是 由 静态 向 
动态 逐渐 发 展 、 完 善 起 来 的 。 

最 早 的 Web 服务 器 简单 地 响应 浏览 器 发 来 的 HTTP 请 求 ,并 将 存储 在 服务 器 上 的 
HTML 文件 返回 给 浏览 器 。 

第 一 种 真正 使 服务 器 能 根据 运行 时 的 具体 情况 ,动态 生成 HTML 页 面 的 技术 是 大 名 
易 易 的 CGICCommon Gateway Interface, 通 用 网 关 接口 ) 技 术 。CGI 技术 允许 服务 器 端的 
应 用 程序 根据 客户 端的 请 求 ,动态 生成 HTML 页 面 ,这 使 客户 端 和 服务 器 端的 动态 信息 交 
换 成 为 了 可 能 。 

早期 的 CGI 程序 大 多 是 编译 后 的 可 执行 程序 ,其 编程 语言 可 以 是 C、C++、Pascal 等 任 
何 通 用 的 程序 设计 语言 。 为 了 简化 CGI 程序 的 修改 、 编 译 和 发 布 过 程 , 人 们 开始 探寻 用 脚 
本 语言 实现 CGI 应 用 的 可 行 方式 。 

1994 年 ,发 明了 专用 于 Web 服务 器 端 编程 的 PHP 语言 。PHP 语言 是 一 种 在 服务 器 端 
执行 的 嵌入 HTML 文档 的 超 文 本 预 处 理 脚本 语言 ,语言 的 风格 类 似 于 C 语言 ,直到 目前 仍 
被 广泛 地 运用 。PHP 语言 将 HTML 代码 和 了 PHP 指令 合成 为 完整 的 服务 器 端 动态 页 面 , 可 


以 用 一 种 更 加 简便 、 快 捷 的 方式 实现 动态 Web 功能 。1996 年 ,微软 公司 在 其 Web 服务 器 
IIS 3.0 中 引入 了 ASP 技术 。ASP 使 用 的 脚本 语言 是 VBScript 和 JavaScript。1998 年 ， 
JSP 技术 诞生 。 

随后 ,XML 及 相关 技术 又 成 为 主流 。XML 对 信息 的 格式 和 表达 方法 做 了 最 大 程度 的 
规范 ,应 用 软件 可 以 按照 统一 的 方式 处 理 所 有 XML 信息 。 这 样 一 来 ,信息 在 整个 Web 世 
界 里 的 共享 和 交换 就 有 了 技术 上 的 保障 。 

HTML 提供 了 控制 超 文 本 格式 的 信息 ,关心 的 是 信息 的 表现 形式 ,利用 这 些 信息 可 以 
在 用 户 的 屏幕 上 显示 出 特定 设计 风格 的 Web 页 面 。XML 关心 的 是 信息 本 身 的 格式 和 数据 
内 容 。 

Web 服务 器 使 用 HTTP 超 文本 传输 协议 ,将 HTML 文档 从 Web 服务 器 传输 到 用 户 
的 Web 浏览 器 上 。 

Web 技术 的 发 展 主要 分 为 三 个 阶段 : 静态 技术 阶段 .动态 技术 阶段 和 Web 2.0 新 时 期 。 

1. 静态 技术 阶段 

Web 技术 发 展 的 第 一 阶段 一 一 静态 文档 ,主要 是 用 于 静态 Web 页 面 的 浏览 。 用 户 使 
用 客户 端的 Web 浏览 器 ,可 以 访问 Internet 上 各 个 Web 站 点 ,在 每 一 个 站 点 上 都 有 一 个 主 
页 作为 进入 Web 站 点 的 入 口 。 每 一 个 Web 页 中 都 可 以 含有 信息 及 超 文 本 链接 , 超 文 本 链 
接 可 以 带 用 户 到 另 一 个 Web 站 点 或 其 他 的 Web 页 。 从 服务 器 端 来 看 ,每 一 个 Web 站 点 由 
一 台 主 机 、Web 服务 器 及 许多 Web 页 所 组 成 ,以 一 个 主页 为 首 ,其 他 的 Web 页 为 支点 ,形成 
一 个 树 状 的 结构 。 每 一 个 Web 页 都 是 以 HTML 的 格式 编写 的 。 

这 一 阶段 ,Web 服务 器 基本 上 只 是 一 个 HTTP 的 服务 器 ,负责 客户 端 浏览 器 的 访问 请 
求 、 建 立 连接 .响应 用 户 的 请 求 ,查找 所 需 的 静态 的 Web 页 面 ,最 后 再 将 响应 结果 返回 到 客 
户 端 。 

随 着 互联 网 技术 的 不 断 发 展 以 及 网 上 信息 呈 几 何 级 数 的 增加 ,人 们 逐渐 发 现 手工 编写 
包含 所 有 信息 和 内 容 的 页 面 ,对 人 力 和 物力 都 是 一 种 极 大 的 浪费 ,而 且 几 乎 变 得 难以 实现 。 
此 外 ,采用 静态 页 面 方式 建立 起 来 的 站 点 只 能 简单 地 根据 用 户 的 请 求 传送 现 有 页 面 ,而 无 法 
实现 各 种 动态 的 交互 功能 。 具 体 来 说 ,静态 页 面 在 以 下 几 个 方面 都 存在 明显 的 不 足 : 

(1) 无 法 支持 后 台数 据 库 。 随 着 网 上 信息 量 的 增加 ,以 及 企业 和 个 人 希望 通过 网 络 发 
布 产品 和 信息 的 需求 的 增强 ,人 们 越 来 越 需 要 一 种 能 够 通过 简单 的 Web 页 面 访问 服务 器 端 
后 台数 据 库 的 方式 。 这 是 静态 页 面 不 能 实现 的 。 

(2) 无 法 有 效 地 对 站 点 信息 进行 及 时 的 更 新 。 用 户 如 果 需 要 对 传统 静态 页 面 的 内 容 和 
信息 进行 更 新 或 修改 ,只 能 够 采用 逐一 更 改 每 个 页 面 的 方式 。 在 互联 网 发 展 初期 网 上 信息 
较 少 的 时 代 , 这 种 做 法 还 是 可 以 接受 的 。 但 是 现在 即使 是 网 友 们 的 个 人 站 点 也 包含 着 各 种 
各 样 的 丰富 内 容 , 因 此 及 时 、 有 效 地 更 新 页 面 信息 也 成 为 一 个 蝇 待 解决 的 问题 。 

(3) 无 法 实现 动态 显示 效果 。 所 有 的 静态 页 面 都 是 事先 编写 的 ,是 一 成 不 变 的 ,因此 
访问 同一 页 面 的 用 户 看 到 的 都 是 相同 的 内 容 ,静态 页 面 无 法 根据 不 同 的 用 户 显示 不 同 的 
页 面 。 

正 是 这 些 不 足 之 处 ,促使 Web 技术 进入 了 发 展 的 第 二 阶段 。 

2. 动态 技术 阶段 

为 了 克服 静态 页 面 的 不 足 , 人 们 将 传统 单机 环境 下 的 编程 技术 引入 互联 网 ,与 Web 技 
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术 相 结合 ,从 而 形成 新 的 网 络 编程 技术 。 网 络 编程 技术 通过 在 传统 的 静态 页 面 中 加 入 各 种 
程序 和 逮 辑 控制 ,在 网 络 的 客户 端 和 服务 器 端 实现 了 动态 和 个 性 化 的 交流 与 互动 。 人 们 将 
这 种 使 用 网 络 编程 技术 创建 的 页 面 称 为 动态 页 面 。 

动态 网 页 与 静态 网 页 是 相对 应 的 ,动态 网 页 文件 名 后 缀 不仅 可 以 是 htm、html、shtml、 
xml 等 静态 网 页 的 常见 形式 ,还 可 以 是 jsp、asp、php、perl\cgi 等。 这 里 说 的 动态 网 页 ,与 网 
页 上 的 各 种 动画 、 滚 动 字幕 等 视觉 上 的 “动态 效果 ”没有 直接 关系 。 无 论 网 页 是 否 具 有 视觉 
上 的 动态 效果 ,采用 动态 网 站 技术 生成 的 网 页 都 称 为 动态 网 页 。 动 态 网 页 既 可 以 是 纯 文字 
的 内 容 , 也 可 以 是 包含 各 种 动画 的 内 容 。 

从 网 站 浏览 者 的 角度 来 看 ,无 论 是 动态 网 页 还 是 静态 网 页 ,都 可 以 展示 基本 的 文字 和 图 
片 信息 ,但 从 网 站 开发 ,管理 ,维护 的 角度 来 看 就 有 很 大 的 差别 。 

(1) 动态 网 页 以 数据 库 技术 为 基础 ,可 以 大 大 降低 网 站 维护 的 工作 量 。 

(2) 采用 动态 网 页 技术 的 网 站 可 以 实现 更 多 的 功能 ,如 用 户 注册 、 用 户 登录 ,在线 调查 、 
用 户 管理 .订单 管理 等 。 

(3) 动态 网 页 实际 上 并 不 是 独立 存在 于 服务 器 上 的 网 页 文件 ,只 有 当 用 户 请求 时 服务 
器 才 返 回 一 个 完整 的 网 页 。 

其 实 , 视 觉 上 让 HTML 页 面 又 酷 又 炫 ,动感 无 限 的 是 CSS(Cascading Style Sheets) 和 
DHTML(Dynamic HTML) 技 术 。1996 年 ,W3C 组 织 提出 了 CSS 的 建议 标准 。 同 年 ,IE 3.0 
正式 支持 在 HTML 页 面 中 插入 ActiveX 控件 的 功能 ,引入 了 对 CSS 的 支持 ,这 项 技术 使 得 
开发 者 能 够 在 Web 上 更 好 地 把 握 信息 的 展示 。1997 年 ,微软 公司 将 动态 的 HTML 标记 、 
CSS 和 动态 对 象 模型 (DHTML Object Model) 发 展 成 了 一 套 完 整 的 客户 端 开 发 技术 体系 。 
该 项 技术 无 须 启动 Java 虚拟 机 或 其 他 脚本 环境 ,在 浏览 器 的 支持 下 ,同样 可 以 实现 HTML 
页 面 的 动态 展示 ,而 且 可 以 获得 更 好 的 效果 。 

从 网 页 内 容 的 显示 上 看 ,动态 网 页 引入 了 各 项 技术 ,使 得 网 页 内 容 更 多 样 化 ,引人入胜 ; 
从 网 站 的 开发 管理 和 维护 角度 看 ,动态 网 页 以 数据 库 技术 为 基础 ,更 利于 网 站 的 维护 。 

3. Web 2.0 新 时 期 

可 以 把 第 一 阶段 的 静态 文档 的 WWW 时 代称 为 Web 1.0, 而 把 第 二 阶段 的 动态 页 面 时 
代称 为 Web 1.0 的 升级 Web 1. 5。Web 技术 发 展 的 第 三 阶段 是 Web 2.0, 它 是 以 Flickr、 
Craigslist\Linkedin Tribes、 Ryze、Friendster、Del. icio. us、43Things. com 等 网 站 为 代表 ,以 
Blog、TAG、SNS、RSS、wiki 等 社会 软件 的 应 用 为 核心 ,依据 “六 度 分 隔 ”"、XML、AJAX 等 新 
理论 和 技术 实现 的 新 一 代 互 联网 模式 。 所 谓 “ 六 度 分 隔 ”, 用 最 简单 的 话 描述 就 是 : 在 人 际 
脉络 中 ,要 结识 任何 一 位 陌生 的 朋友 ,这 中 间 最 多 只 要 通过 6 个 朋友 就 能 达到 目的 。“ 六 
分 隔 ” 说 明了 社会 中 普遍 存在 的 “ 弱 纽带 ”, 但 是 却 发 挥 着 非常 强大 的 作用 。 有 很 多 人 在 找 工 
作 时 会 体会 到 这 种 弱 纽带 的 效果 。 通 过 弱 纽 带 , 人 与 人 之 间 的 距离 变 得 非常 “相近 ”。 

在 这 一 阶段 ,用 户 可 以 自己 主导 信息 的 生产 和 传播 ,从 而 打破 了 原先 所 固有 的 单 向 传输 
模式 。 

从 Web 1.0 到 Web 2.0 的 转变 ,具体 地 说 ,从 模式 上 是 从 读 向 写 、 信 息 共同 创造 的 一 个 
改变 ; 从 基本 结构 上 说 , 则 是 由 网 页 向 发 表 或 展示 演变 ; 从 工具 上 ,是 由 互联 网 浏览 器 向 各 
类 浏览 器 、RSS 阅读 器 等 内 容 发 展 ; 在 运行 机 制 上 , 则 是 自 Client/Server 向 Web Services 
的 转变 ; 由 此 ,互联 网 内 容 的 缔造 者 也 由 专业 人 士 向 普通 用 户 拓展 。Web 2.0 的 精髓 就 是 


以 人 为 本 ,提升 用 户 使 用 互联 网 的 体验 。 

如 今 ,号 称 更 加 个 性 化 .智慧 型 应 用 的 互联 网 概念 Web 3.0 已 出 现 。 人 们 把 Web 3.0 
的 特点 概括 为 几 个 方面 : 首先 ,网 站 内 的 信息 可 直接 和 其 他 网 站 相关 信息 进行 交互 ,能 通过 
第 三 方 信息 平台 同时 对 多 家 网 站 的 信息 进行 整合 使 用 ; 其 次 ,用 户 在 互联 网 上 拥有 自己 的 
数据 ,并 能 在 不 同 网 站 上 使 用 ; 第 三 ,完全 基于 Web, 用 浏览 器 即 可 实现 复杂 的 系统 程序 才 
具有 的 功能 , 即 一 种 网 络 操作 系统 。 

越 来 越 多 的 人 接触 计算 机 ,利用 计算 机 上 网 ,实际 上 就 是 运用 基于 Web 技术 提供 的 网 
络 来 实现 信息 交流 过 程 。Web 技术 的 不 断 完 善 与 发 展 ,使 得 人 们 可 以 利用 计算 机 网 络 便捷 
地 获取 自己 想 要 的 任何 信息 ,同时 ,也 可 以 利用 网 络 来 实现 自己 的 分 享 的 需要 。 

未 来 , Web 的 发 展 必 将 是 无 可 限量 的 ,并 且 影 响 着 计算 机 网 络 技术 的 发 展 。 
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. 简 述 Web 的 工作 原理 。 

. 常用 的 Web 服务 器 有 哪些 特点 ? 

. 简 述 IIS Web 服务 器 的 配置 步骤 。 

. 编写 简单 的 HTML 文件 ,在 IIS 服务 器 上 发 布 。 
. 客户 端 技术 有 哪些 ? 

. 简 述 服务 器 端 技术 的 发 展 历程 。 
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第 2 章 HTML 基础 


本 章 学 习 目 标 

。 熟悉 HTML 常用 标记 ; 

。 掌握 DIV 十 CSS 布局 技术 ; 

。 掌握 JavaScript 脚本 语言 及 应 用 。 





HTML 基础 


HTML 是 一 种 解释 性 的 超 文 本 标记 语言 。HTML 文件 是 由 HTML 命令 组 成 的 描述 
性 文本 文件 ,文件 的 扩展 名 是 html 或 htm。HTML 文件 可 供 浏览 器 解释 浏览 。 

HTML 一 直 被 用 作 万 维 网 上 的 信息 表示 语言 ,能 独立 于 各 种 操作 系统 平台 。HTML 
命令 可 以 说 明文 字 、 图 形 、 动 画 、 声 音 、 表 格 、 链 接 等 。 

HTML 利用 各 种 标记 (tags) 来 标识 文档 的 结构 以 及 标识 超 链 接 (hyperlink) 的 信息 。 
标记 语言 由 一 系列 标记 组 成 ,一 个 标记 就 是 一 种 约定 ,按照 约定 完成 一 定 任务 。HTML 的 
特点 是 简单 .直观 .用 于 显示 图 形 界面 特别 方便 ,恰好 这 正 是 网 页 所 需要 的 ,网 页 中 有 大 量 图 
形 界面 需要 显示 ,所 以 HTML 得 以 在 网 页 中 大 量 流行 。 网 页 上 的 大 多 数 文字 、 图 画 都 是 通 
过 简单 的 HTML 语句 产生 的 。 

虽然 HTML 描述 了 文档 的 结构 格式 ,但 并 不 能 精确 地 定义 文档 信息 必须 如 何 显 示 和 
排列 ,而 只 是 建议 Web 浏览 器 应 该 如 何 显示 和 排列 这 些 信息 ,最 终 在 用 户 面 前 的 显示 结果 
取决 于 Web 浏览 器 本 身 的 显示 风格 及 其 对 标记 的 解释 能 力 。 这 就 是 为 什么 同一 文档 在 不 
同 的 浏览 器 中 展示 的 效果 会 不 一 样 。 

HTML 是 不 区 分 大 小 写 的 ,但 是 其 他 如 XML JSP 等 是 区 分 大 小 写 的 。 本 章 示 例 仅 仅 
是 为 了 配合 HTML 基础 知识 的 教学 ,不 必 介意 其 中 的 内 容 。 


2.1 HTML 文件 的 基本 结构 


-个 完整 的 HTML 文件 由 标题 .段落 .表格 和 文本 等 各 种 嵌入 的 对 象 组 成 ,这 些 对 象 
统称 为 元 素 ,HTML 使 用 标记 来 分 隔 并 描述 这 些 元 素 。 实 际 上 ,整个 HTML 文件 就 是 由 元 
素 与 标记 组 成 的 。 

HTML 文件 非常 规范 ,每 个 HTML 文件 都 由 若干 标记 构成 ,以 下 是 一 个 HTML 文件 
的 基本 结构 : 


<html> 
<head> 


</head> 
<body> 
</body> 
</html > 
从 上 述 结构 可 以 看 出 HTML 文件 有 以 下 特点 : 
(1) HTML 文件 以 < html > 标记 开始 ,以 </html > 标记 结束 。 
(2) 标记 一 般 成 对 出 现 , 一 对 尖 括 号 构成 一 个 标记 。 例 如 ,< html > 和 </html >、 
< head> 和 </head>、< body > 和 </body > 都 是 成 对 的 标记 。 没 有 斜 杠 的 是 开始 标记 ,有 
斜 杠 的 是 结束 标记 。 除 了 成 对 标记 外 ,也 有 只 有 开始 标记 ,没有 结束 标记 的 单一 标记 。 
(3) 一 般 情况 下 HTML 文件 由 文件 头 和 文件 体 两 部 分 组 成 。 
< head >…</head > 是 文件 头 标记 , 放 在 它们 之 间 的 语句 构成 文件 头 。 文 件 头 中 一 般 存 
放 TITLE 标记 .META 标记 等 。 
<body >…</body > 是 文件 体 标记 , 放 在 它们 之 间 的 语句 构成 文件 体 。 省 略 号 表示 放 
在 文件 头 和 文件 体内 的 其 他 语句 ,不 需要 时 也 可 以 省 略 < html >、< head >、< body > 标记 的 
某 一 个 或 全 部 。 


2.2 HTML 常用 标记 


1. <!1DOCTYPE > 标记 

<! DOCTYPE > 标记 声明 必须 位 于 HTML 文档 的 第 一 行 , 放 在 < html > 标记 之 前 。 
此 标记 用 于 告诉 浏览 器 文档 使 用 哪 种 HTML 或 XHTML 规范 ,该 标记 可 声明 三 种 类 型 ， 
分 别 是 严格 版 本 、 过 渡 版 本 以 及 基于 框架 的 HTML 文档 (strict、 transitional 以 及 
frameset) 。 


使 用 示例 : 


<! DOCTYPE HTML PUBLIC " — //W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict. dtd"> 


2. < head > 标记 

<head > 标记 用 于 定义 文档 的 头 部 ,是 所 有 头 部 元 素 的 容器 。< head > 中 的 元 素 可 以 引 
用 脚本 指示 浏览 器 在 哪里 找到 样式 表 、 提 供 元 信息 等 。 

文档 的 头 部 描述 了 文档 的 各 种 属性 和 信息 ,包括 文档 的 标题 ,在 Web 中 的 位 置 以 及 和 
其 他 文档 的 关系 等 。 绝 大 多 数 文档 头 部 包含 的 数据 都 不 会 真正 作为 内 容 显示 给 读者 。 

搜索 引擎 如 Google、Yahoo、Baidu 等 也 会 查找 网 页 中 的 head 信息 。 为 了 让 搜索 引擎 能 
够 收录 网 页 ,就 要 填写 适当 的 head 信息 。 

下 面 这 些 标记 可 用 在 head 部 分 : < base >、< link >、< meta >、< script >、< style > 以 及 
< title >。 

。< title > 标记 是 最 常用 的 head 信息 ,不 会 显示 在 HTML 网 页 正文 中 ,而 是 显示 在 浏 

览 器 窗口 的 标题 栏 中 。 
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。 在 HTML 中 < meta > 标记 用 来 描述 网 页 的 有 关 信息 。 

< meta > 标记 对 程序 的 运行 没有 什么 影响 ,主要 用 于 对 网 页 的 分 类 和 宣传 。 目 前 几乎 
所 有 的 搜索 引擎 都 要 对 网 页 的 < meta > 标记 进行 搜索 。 主 要 搜索 该 标记 中 的 描述 
description 和 关键 词 keywords 的 内 容 , 通 过 这 些 内 容 对 网 页 进行 分 类 ,并 作为 网 页 的 摘要 
进行 宣传 。 所 以 < meta > 标记 对 于 在 互联 网 上 宣传 和 介绍 本 网 页 有 着 重要 作用 。 如 果 和 希望 
制作 的 网 页 能 有 更 多 用 户 浏览 ,就 要 将 < meta > 标记 写 好 。 

示例 代码 如 下 : 


< meta name = "description" content = "HTML 中 文教 程 "> 
< meta name = "keywords" content = "HTML, tutorials, source codes"> 
<meta name = "author" content = " 晨 晨 "> 


利用 < meta > 标记 中 的 Refresh 还 可 以 实现 自动 跳 转 页 面 的 功能 。 例 如 ,5 秒 后 自动 转 
到 淘宝 网 站 ,示例 代码 如 下 : 


< meta http - equiv = "Refresh" content = "5;url = http://www. taobao. com "> 


3. < font > 标记 
< font > 标记 最 为 常用 ,是 一 个 成 对 标记 , 它 的 格式 为 : 


<font [size =] [color = ] [face= ]> </font> 


通过 < font > 标记 可 以 规定 字符 的 大 小 (字号 ) .颜色 和 字体 。 
例如 : 


< font color = #EF0000 size=5 face= 行 楷 , 隶书 > 文字 </font> 
< font color = blue size = 5 face = Bookman 01d Style > 文字 </font> 


< font > 标记 的 属性 说 明 如 下 : 

。 color 表示 字符 的 颜色 ,可 表示 为 # RRGGBB。 其 中 ,RR、GG、BB 分 别 表 示 红 、 绿 、 
蓝 三 种 颜色 ,可 取 整 数 0 一 255 ,分别 代 表 256 种 颜色 强度 ,数字 越 大 强度 也 越 大 。 由 
于 每 种 颜色 都 有 256 种 强度 ,三 种 颜色 的 混合 ,共有 256X256X256 一 16 777 216 种 
不 同 颜色 。 例 如 ,color= 并 FF0000 表示 纯 红色 ,FF 是 十 六 进 制 数 ,等 于 255。 字 符 
的 颜色 也 可 用 名 称 表示 ,常用 的 颜色 如 表 2-1 所 示 。 


表 2-1 常用 的 颜色 名 称 


Aqua 水 绿色 Black 黑色 Blue 蓝 色 Brown 棕色 Cyan 青色 
Darkblue 深蓝 Fuchsia 紫红 色 Gold 金色 Gray 灰色 Green 绿色 
Lightgreen 浅 绿 Lime 黄 绿色 Maroon 栗色 Navy 深蓝 色 Olive 橄榄 色 
Purple 紫色 Red 红 色 Silver 银白 色 Teal 浅 青色 White 白色 
Yellow 黄色 

。 size 表示 文字 的 大 小 ,共有 1、2、3、4、5、6、7 七 种 字号 ,数值 越 大 ,显示 的 字符 越 大 。 


上 述 例子 中 设置 size 一 5 表示 采用 5 号 字体 。 


。 face 表示 字体 ,中 文 有 “宋体 “楷体”“ 隶 书 ” 等 , 西 文 有 Times New Roman 、Arial、 
Bookman Old Style 等 。 也 可 设置 多 种 字体 ,两 种 字体 之 间 用 逗号 隔 开 。 第 一 种 为 
首选 字体 ,如 果 系 统 中 没有 第 一 种 , 便 依 次 选用 第 二 、 第 三 种 。 如 果 所 给 字体 都 没 
有 , 便 采 用 默认 字体 。 

上 述 例子 中 设置 face 一 行 楷 , 隶 书 ”, 表 示 首 选 行 档次 选 隶书 。 

不 是 每 个 < font > 标记 都 必须 设置 size、color、face 等 属性 ,可 根据 需要 进行 设置 ,可 设 

置 其 中 一 项 两 项 或 全 部 不 设置 。 未 设置 的 属性 采用 默认 设置 。 

-对 标记 之 间 是 所 设置 属性 的 范围 ,在 标记 之 外 的 文字 不 受 此 设置 的 影响 。 

程序 smp001. html 给 出 了 < font > 标记 的 应 用 。 

程序 (\jspweb 项 目 \WebRoot\ch02\smp001. html) 的 清单 : 


< html > 
<head> 
<title> HTML 实例 </title> 
</head> 
< body> 
<center> 
< font color = blue size= 5 face= Bookman 0ld Style> 说 明 HTML 文件 font 标记 的 功能 </font > 
</center> 
</body> 
</html> 


4. < h > 标题 标记 

除了 < font > 标记 外 ,还 可 以 用 6 个 标题 标记 表示 文字 的 大 小 。 与 < font > 标记 相反 , 标 
题 标记 的 数字 越 小 则 字号 越 大 。 例 如 ,以 下 6 个 标记 中 ,以 < hl > 标记 的 文字 最 大 ,< h6 > 标 
记 的 文字 最 小 : 


< hl > 最 大 标题 </hl > 
< h6 > 最 小 标题 </h6 > 


5. 其 他 文字 属性 标记 
其 他 文字 属性 标记 还 有 : 


<b>…</b> ”和 粗 体 

<i>…</i> 斜体 

<u>…</u> 下 面 线 

<s>…</s> 删除 线 
<em>…</em> 倾斜 显示 

< strong>…</strong> 加 强 显 示 
< strike>…</strike> 加 亮 横 线 
<big>…</big> ”放大 显示 
<dfn>…</dfn> ”倾斜 显示 


6. 排版 标记 


1) < br> 和 < p > 换行 标记 
换行 标记 < br > 实际 上 就 是 换 到 下 一 行 。< p > 标记 是 段落 标记 ,也 就 是 换 到 下 一 段 。 


电 TML 基础 


JSP Web 项 太 及 应 用 教程 ( 贫 2 虚 ) 且 琛 帮 





和 < br > 不 同 ,< p > 是 成 对 标记 。 在 两 个 标记 之 间 构 成 一 个 段落 ,而 且 段 落 前 后 各 留 一 个 
空 行 。 

2) < center > 标记 

< center > 标记 称 为 居中 标记 ,这 是 一 个 成 对 标记 ,该 语句 的 格式 为 : 


< center > 内容 居中 </center> 


3) < address > 标记 

<address > 标记 称 为 地 址 标记 或 签名 标记 。 可 用 它 表 示 地 址 和 签名 ,在 该 行文 字 的 前 、 
后 各 有 一 行 空 行 。 

4) 注释 标记 

注释 标记 的 格式 为 ， 


<!-- 注释 的 内 容 -一 > 


标记 内 的 文字 仅仅 作为 程序 的 注释 ,注释 的 目的 是 为 了 便于 阅读 和 理解 程序 ,程序 运行 
时 不 显示 其 中 内 容 。 

5) < hr > 标记 

HR(Horizontal Rule) 可 译 为 水 平 线 标记 , 它 的 功能 是 画 一 条 水 平 线 。 该 语句 的 格 
式 为 : 


<hr [size = ] [width = ] [align = ] [color = ] [noshad ]> 


<hr > 是 单个 标记 , 方 括号 中 的 数据 是 属性 设置 。< hr > 标记 有 以 下 属性 : 

。 size: 设置 水 平 线 的 宽度 ,以 像素 为 单位 。 像 素 是 图 像 的 最 小 单元 。 

。 width: 设置 水 平 线 的 长 度 , 以 像素 为 单位 。 

。 align: 设置 对 齐 方式 ,left .center、\right 分 别 表示 左 对 齐 、 居 中 和 右 对 齐 。 

。 color: 设置 水 平 线 的 颜色 ,以 #rrggbb 表示 。 

。 noshad: 表示 没有 阴影 ,无 此 项 设置 表示 有 阴影 。 

如 果 省 略 所 有 属性 设置 ,表示 各 属性 都 取 默 认 值 , 这 时 < hr > 标记 表示 一 条 最 细 的 黑色 
通栏 水 平 线 ,在 网 页 中 用 得 很 多 。 

6)“<” 和 “>” 符 号 表示 

在 HTML 中 ,由 “<” 和 “>” 符 号 组 成 的 一 对 尖 括 号 表示 一 个 标记 。 例 如 ,< br > 表示 一 
个 换行 标记 。 如 果 想 显示 以 下 一 行文 字 :“HTML 中 < br > 是 换行 标记 ”, 如 果 直 接 将 “< br >” 
符号 写 在 程序 中 ,程序 运行 结果 是 : 

HTML 中 


是 换行 标记 


这 里 ,由 于 “<” 和 “>” 号 在 HTML 中 是 标记 界定 符 , 因 此 遇 到 < br > 时 执行 了 换行 操作 ， 
不 会 显示 “<” 和 “>”。 为 了 解决 这 个 问题 ,需要 分 别 以 “&lt;” 表 示 “<”, 以 “&gt;” 表 示 “>”。 
注意 ,开头 的 字符 “&” 和 末尾 的 分 号 都 不 能 省 略 。 其 中 lt 是 light 的 缩写 ,gt 是 great 的 缩 


写 。 如 果 将 上 述 语句 改 为 “HTML 中 &lt;br&-gt; 是 换行 标记 ”。 


程序 运行 后 便 显示 为 : 


o 


HTML 中 < br > 是 换行 标记 


7) 空格 标记 *&nbsp;” 

HTML 中 ,“&nbsp;” 称 为 空格 标记 ,表示 一 个 空格 ,空格 也 是 一 个 字符 。 开 头 的 字符 
“&.” 和 末尾 的 分 号 ";” 都 不 能 省 略 。 

7. 文本 区 域 标记 

文本 区 标记 、 引 用 块 标记 和 预定 义 文本 标记 蚌 三 个 不 同 的 处 理 文 本 区 的 标记 ,它们 的 属 
性 略 有 不 同 。 

1) < textarea > 标记 

< textarea > 标记 称 为 文本 区 标记 ,该 标记 生成 一 个 显示 文字 的 文本 区 。 它 的 格式 是 : 


< textarea> [rows = ] [cols = ] [name= ] </textarea > 


该 标记 有 以 下 属性 : 

。 rows: 设置 行 数 ,也 就 是 文本 区 的 高 度 。 

。 cols: 设置 列 数 (字符 数 ) ,也 就 是 文本 区 的 宽度 。 

。 name: 设置 文本 区 的 名 称 。 

在 文本 区 内 < br > 不 再 是 换行 标记 ,而 是 一 个 普通 字符 串 。 

2) < blockquote > 标记 

block 是 块 ,quote 是 引用 ,所 以 < blockquote > 标记 称 为 引用 块 标 记 。 被 标记 的 文字 限 
制 在 一 个 矩形 块 内 。 该 标记 的 格式 为 : 


< blockquote>…</blockquote> 


块 的 四 周 有 一 个 边界 ,但 不 显示 边界 。 块 的 大 小 随 被 显示 的 文字 而 定 , 像 是 一 个 无 形 的 
弹性 边界 ,始终 把 文字 包 在 其 中 。 块 前 和 块 后 各 留 有 一 个 空 行 。 

3) < pre > 标记 

<pre > 标记 的 全 名 是 Paragraph Text, 称 为 预定 义 文本 标记 。 预 定义 文本 区 的 前 、 后 都 
留 有 一 个 空 行 。 其 格式 为 : 


< pre>…</pre> 


三 种 文本 区 域 标记 的 比较 : 

在 < textarea > 中 可 以 直接 显示 换行 标记 < br >, 在 其 他 文本 区 域 中 只 能 用 “&lt;br&-gt;” 表 
示 换 行 标记 “< br >”, 但 是 小 于 号 “<”、 大 于 号 “>” 本 身 能 在 所 有 的 文本 区 域 中 直接 进行 显示 。 

8. 列表 标记 

无 序列 表 、 有 序列 表 、 选 择 列 表 等 各 种 列表 标记 用 于 以 列表 方式 显示 字符 。 

1) 无 序列 表 

无 序列 表 是 指 没有 编号 的 列表 ,其 格式 为 : 
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<ul> 
<1i [type=] > 列表 项 1 
<1i[type= ] > 列表 项 2 
<1li[type= ] > 列表 项 3 
</ul > 


type 表示 项 目 符号 的 类 型 ,共有 diac ,circle\square 三 种 类 型 ,都 必须 小 写 ,分别 代表 实 
心 圆 点 ( 鲜 ) .空心 圆 点 ( 〇 ) 和 小 方块 形 ( 国 ) 三 种 项 目 符号 。 默 认 类 型 是 diac(@)。 

如 果 将 ul 换 成 dir 或 menu, 则 分 别 为 目录 列表 和 菜单 列表 ,实际 上 无 多 大 差别 。 例 如 ， 
目录 列表 


<dir> 
<1li [type= ] > 列表 项 1 
<1li [type=] > 列表 项 2 
<1i [type=] > 列表 项 3 


</dir> 


菜单 列表 : 


<menu> 
<1i [type= ] > 列表 项 1 
<1i [type= ] > 列表 项 2 
<1i [type= ] > 列表 项 3 


</menu > 


2) 有 序列 表 
有 序列 表 的 格式 和 无 序列 表 相近 ,不 同 之 处 是 增加 了 表示 编号 的 参数 。 其 格式 为 : 


<ol [start= ] [type= ]> 
<1i > 列表 项 1 
<1i > 列表 项 2 
<1i > 列表 项 3 


</ol> 


有 序列 表 标记 有 以 下 属性 : 

start 属性 的 等 号 右 侧 的 整数 ,表示 起 始 编号 。 

type 属性 表示 编号 式样 ,等 号 右面 可 选 1`.A\a、 工 .i 等 5 种 样式 : 
。 1 表示 编号 样式 为 1、2、3 等 阿拉 伯 数 字 。 

。 A 表示 编号 样式 为 A、B、C 等 大 写 英 文字 母 。 

。 a 表示 编号 样式 为 a、b、c 等 小 写 英文 字母 。 

。 工 表示 编号 样式 为 [于 等 大 写 罗 马 数字 。 

。 i 表示 编号 样式 为 iii\iii 等 小 写 罗马 数字 。 

3) 选择 列表 

选择 列表 带 有 滚动 条 ,并 可 对 表 中 项 目 进 行 选取 。 其 格式 为 : 


< select [name= ] [size= ] multiple> 
<option [value = ]> 选 项 1 
< option [value = ]> 选 项 2 
<option [value = ]> 选 项 3 
</select> 


选择 列表 标记 有 以 下 属性 : 

name: 等 号 右 侧 的 字符 串 表示 列表 的 名 称 。 

size: 等 号 右 侧 的 整数 表示 列表 框 的 高 度 或 行 数 ,如 3 表示 该 列表 有 3 行 。 
multiplf: 表示 可 以 对 列表 中 的 项 目 进行 多 选 ,如 无 此 属性 表示 只 能 单 选 。 
。 option 中 的 value 为 该 选项 的 值 。 


下 面 是 列表 标记 应 用 示例 ,程序 smp002. html 给 出 了 各 种 列表 的 应 用 ,图 2-1 所 示 是 它 
的 运行 结果 。 

















加 Internet [ 硬 -[ 扩 100% -及 
图 2-1 smp002. html 的 运行 结果 
程序 (\jspweb 项 目 \WebRoot\ch02\smp002. html) 的 清单 : 


<html> 
< head>< title > 列表 示例 </title></head> 
<body> 
<ul> 
<1i type = square> br 标记 
< 1i type = square> center 标记 
<1i type = square> font 标记 
</ul> 
< ol start =3 type=a> 
<1i> 张 三 
<1i> 李 四 
<1i> 王 五 
<1i> 陈 六 
</ol> 


< Select name = tbl size= 4 multiple> 
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< option value=1> 星 期 一 语文 
< option selected value=2> 星 期 二 代数 
<option value=3> 星 期 三 物理 
< option value=4> 星 期 四 政治 
< option value=5> 星 期 五 英文 
</select> 
</body> 
</html > 


9. 框架 标记 

1) < frameset >( 框 架 ) 标 记 

frameset 定义 为 一 个 框架 集 ,可 用 < frameset >、`< frame > 标记 来 组 织 多 个 窗口 ,形成 多 
窗口 框架 ,同时 每 个 部 分 的 框架 窗口 都 能 获取 独立 的 URL。 在 框架 集中 ,所 有 框架 标记 放 
在 一 个 总 的 HTML 文档 中 ,这 个 总 的 文档 只 记录 该 框架 如 何 划分 ,不 会 显示 任何 内 容 , 所 
以 该 HTML 文件 不 需要 有 < body > 标记 ,浏览 时 首先 读 取 的 就 是 这 个 总 的 HTML 框架 文 
件 。 框架 集 使 用 < frameset > 标记 划分 框架 窗口 , 子 窗口 由 < frame > 标记 定义 。 在 frameset 框 
架 集 中 ,top 属性 表示 顶层 窗口 框架 ,也 称 父 窗口 。self 属性 表示 当前 正在 操作 的 窗口 , 称 为 
当前 窗口 。 

< frameset > 标记 的 格式 为 : 


< frameset >…</frameset > 


例如 ， 


< frameset cols= "50%, *"> 
< frame name = "hello" src="info.html"> 
<frame name = "hi" src= "memo. html"> 
</frameset > 


此 例 中 < frameset > 标记 把 画面 分 成 左右 两 个 相等 部 分 ,左边 窗口 显示 info. html, 右 边 窗 
口 则 显示 memo. html。< frame > 标记 所 标示 的 框架 窗口 按 由 上 而 下 、 由 左 至 右 次 序 排列 。 

< frameset > 标记 有 以 下 属性 : 

。 border: 指定 边框 宽度 。 

。 frameborder: 指定 是 否 显示 边框 。 

。 cols: 用 “,” 和 “%” 分 割 左右 窗口 “x* ”号 表示 剩余 部 分 。 

。 rows: 用 “,” 和 “%” 分 割 上 下 窗口 “x* ”号 表示 剩余 部 分 。 

2) < frame > 标记 

<frame > 标记 定义 一 个 框架 ,但 是 它 不 能 单独 存在 ,必须 位 于 某 个 frameset 框架 集 标 
记 内 。 一 个 frameset 框架 集中 可 以 包含 若干 frame 框架 。frame 框架 是 单个 标记 ,没有 结 
东 标 记 。 

< frame > 标记 有 以 下 属性 : 

。 name: 设置 框架 的 名 称 。 

。 frameborder: 指 是 否 有 边框 ,等 号 右 侧 的 数字 为 0 表示 没有 边框 ,为 1 表示 有 


< 


边框 。 
scrolling: 指 是 否 有 滚动 条 。yes 有 滚动 条 ,no 没有 滚动 条 ,auto 根据 需要 确定 是 否 
出 现 滚动 条 。 
noresize: 若 设置 为 true, 则 窗口 边界 不 能 被 鼠标 拖 动 , 若 无 此 设置 则 可 以 拖 动 
边界 。 
marginwidth: 设置 左右 页 边 距 宽度 。 
marginheight: 设置 上 下 页 边 距 宽度 。 
src: 指示 加 载 的 文件 和 它 的 URL 地 址 。 
img src: 指示 加 载 的 图 片 和 它 的 URL 地 址 。 
frame > 标记 使 用 示例 : 


< frame name = "top" src= "a.htm]l" marginwidth= "5" marginheight = "5" 


scrolling = "auto" frameborder = "0" noresize framespacing = "6" bordercolor =" 井 0000FF"> 


name 一 "top": 设 定 这 个 框架 窗口 的 名 称 。 

src 二 "a. html": 设 定 此 框架 窗口 中 要 显示 的 网 页 文件 名 称 ,每 个 窗口 对 应 一 个 网 页 
文件 。 可 使 用 绝对 路 径 或 相对 路 径 。 

marginwidth 一 5: 表示 框架 宽度 部 分 边缘 所 保留 的 空间 。 

marginheight 一 5: 表示 框架 高 度 部 分 边缘 所 保留 的 空间 。 

scrolling 一 "auto": 设 定 是 否 要 显示 滚动 条 ,yes 表示 显示 ,no 表示 不 显示 ,auto 是 
视 情 况 显示 。 

frameborder 王 0: 设 定 框架 的 边框 ,其 值 为 0 表示 不 要 边框 ,1 表示 要 显示 边框 。 
noresize: 设 定 不 可 改变 这 个 窗口 的 大 小 , 若 没有 设 定 此 参数 , 则 可 以 随意 改变 其 
大 小 。 

framespacing 一 "6" : 表示 框架 与 框架 间 保 留 空 白 的 距离 。 

bordercolor 一 "# 0000FF": 设 定 框架 的 边框 颜色 。 


下 面 是 < frameset > 和 < frame > 标记 示例 ,文件 smp003. html 中 给 出 了 框架 集 和 框架 标 
记 的 应 用 ,图 2-2 所 示 是 它 的 运行 结果 。 
程序 (\jspweb 项 目 \WebRoot\ch02\smp003. html) 的 清单 : 


ou ee w 


<html> 
<head> 
<title> fram</title> 
</head> 
<frameset cols= "350, * "> 
< frame src = smp003a. htm] name = frame2 frameborder =1 
scrolling = auto noresize = "noresize"> 
<frameset rows="30%, x*,50%"> 
< frame src = smp003b. html name = framel frameborder =1 scrolling= auto> 
< frame src = smp003c. html] name = frame3 frameborder =0 scrolling= no> 
< frame img src = data/flower. jpg name = frame4 frameborder = 0> 
</frameset > 
</frameset > 
</html > 
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JSP(Java Server Pages) 是 由 
Sun Microsystems 公 司 信 导 和 许多 公司 
参与 共同 创建 的 一 种 使 软件 开发 者 可 以 
响应 客户 端 请 求 ， 而 动态 生成 HTML、XML 
或 其 他 格式 文档 Web 网 页 的 技术 标 

准 。JSP 技 术 是 以 Java 语 言 作为 脚本 语 
富 , JSP 网 页 为 整个 服务 器 端的 Java 库 
单元 提供 了 一 个 接口 来 服务 于 HTTP 的 应 本 产品 包含 软件 系统 和 使 用 说 明 书 各 一 份 
用 程序 。JSP 使 Java 代 码 和 特定 的 预定 义 
动作 可 以 嵌入 到 静态 页 面 中 .JSP 句 法 
增加 了 被 称 为 JSP 动 必 的 LL 标签 ， 它 们 
用 来 调用 内 建功 能 ， 
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http://wey. baidu. com/ 
百度 试 试 . 
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2-2 ”smp003. html 的 运行 结果 
程序 (\jspweb 项 目 \WebRoot\ch02\smp003a. html) 的 清单 : 


<html> 
< body bgcolor = lightyellow>< font color = #0000FF size=4> 

JSP(Java Server Pages) 是 由 Sun Microsystems 公司 倡导 和 许多 公司 参与 共同 创建 的 一 种 使 软件 
开发 者 可 以 响应 客户 端 请 求 ,而 动态 生成 HTML、XML 或 其 他 格式 文档 的 web 网 页 的 技术 标准 。JSP 技 
术 是 以 Java 语言 作为 脚本 语言 ,JSP 网 页 为 整个 服务 器 端的 Java 库 单元 提供 了 一 个 接口 来 服务 于 
HTTP 的 应 用 程序 。JSP 使 Java 代码 和 特定 的 预定 义 动 作 可 以 嵌入 到 静态 页 面 中 。JSB 句法 增加 了 被 
称 为 JSP 动作 的 xML 标签 ,它们 用 来 调用 内 建功 能 。 

</body> 
</html> 


程序 (\jspweb 项 目 \ch02\smp003b. html) 的 清单 : 


<html> 
< body bgcolor = lightblue text = "#ff0000"> 
<center >< h4> 请 到 以 下 地 址 : <br> 
http://wuw. baidu. com/ <br> 
百度 试 试 .</h4 > </center> 


</body> 
</html > 


程序 (\jspweb\ch02\smp003c. html) 的 清单 


<html> 
< body bgcolor = lightgreen text ="#ff0000"><h4> 
Snbsp; &nbsp; 本 产品 包含 软件 系统 和 使 用 说 明 书 各 一 份 </h4 > 
</body> 
</html > 


在 ch02\data\ 文 件 夹 中 保存 有 图 片 文件 flower. jpg。 

前 面 指出 < frameset > 标记 不 能 和 < body > 标记 同时 存在 ,smp003. html 程序 中 采用 
<frameset > 标记 ,所 以 没有 < body > 标记 。 

程序 中 ,语句 1 中 的 < frameset > 标记 设置 了 一 个 框架 集 。 属 性 cols 王 "350, * "将 框架 
集 设置 为 左 、 右 两 部 分 。 左 半 部 分 的 宽度 为 350 个 像素 , 剩 下 的 属于 右 半 部 分 。 

语句 2 中 的 < frame > 标记 在 左 半 部 分 设置 了 一 个 框架 。src 二 smp003a. html 表示 要 在 
该 框架 内 加 载 文 件 smp003a. html。 属 性 frameborder 二 1 表示 该 框架 具有 边框 ,属性 
scrolling 二 auto 表示 根据 需要 确定 是 否 出 现 滚动 条 。 属 性 noresize 二 "noresize" 表 示 边 界 
不 能 被 鼠标 拖 动 。 

语句 3 的 < frameset > 标记 在 右 半 部 分 设置 了 一 个 框架 集 。rows 二 "30%, * ,50%" 表 
示 将 框架 集 设置 为 上 、 中 、 下 三 部 分 ,上 半 部 分 占 30%, 下 半 部 分 占 50%, 剩 下 的 属于 中 间 
部 分 。 

语句 4 的 < frame > 标记 在 上 部 设置 一 个 框架 。 属 性 src 二 smp003b. html 表示 在 该 框架 
中 加 载 文件 smp003b. html。 

语句 5 的 < frame > 标记 在 中 部 设置 一 个 框架 。 属 性 src 二 smp003c. html 表示 在 该 框架 
中 加 载 文件 smp003c. html。 属 性 frameborder 二 0 表示 该 框架 没有 边框 ,属性 scrolling 二 no 
表示 该 框架 没有 滚动 条 。 

语句 6 的 < frame > 标记 在 下 部 设置 一 个 框架 。 属 性 img src= data/flower. jpg 表示 在 
该 框架 中 加 载 子 文件 夹 data 中 的 图 片 flower. jpg。 

通过 以 上 设置 , 便 得 到 如 图 2-2 所 示 的 结果 。 各 框架 中 显示 的 是 加 载 文件 的 内 容 。 应 
事先 将 smp003a. html、smp003b. html、smp003c. html 等 文件 放 在 当前 文件 夹 中 ,将 图 片 
flower. jpg 存放 在 data 子 文件 夹 中 。 

10. < iframe > 标记 

<iframe > 标记 ,又 叫 内 联 框架 标记 , 它 的 作用 是 在 网 页 中 插入 一 个 框架 窗口 以 显示 另 
一 个 文件 ,可 以 用 它 将 一 个 HTML 文档 嵌入 在 另 一 个 HTML 中 显示 。 它 不 同 于 < frame > 
标记 的 最 大 特征 ,是 这 个 标记 所 引用 的 HTML 文件 可 以 直接 嵌入 在 另 一 个 HTML 文件 
中 ,并 与 这 个 HTML 文件 内 容 相互 融合 ,成 为 一 个 整体 。 另 外 ,还 可 以 多 次 在 一 个 页 面 内 
显示 同一 内 容 , 而 不 必 重 复写 内 容 , 一 个 形象 的 比喻 即 “ 画 中 夯 ” 电 视 。< iframe > 标记 常用 
于 DIV 十 CSS 中 部 署 文件 。< iframe > 标记 的 属性 如 表 2-2 所 示 。 
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表 2-2 < iframe > 标记 的 属性 





属 性 值 描 述 
align left、right、top、 ”规定 如 何 根 据 周围 的 元 素来 对 齐 此 框架 ,一 般 使 用 样式 代替 
middle, bottom 
frameborder 1.0 规定 是 否 显示 框架 周围 的 边框 
height 像素 值 规定 iframe 的 高 度 
longdesc URL 规定 一 个 页 面 ,该 页 面包 含 了 有 关 iframe 的 较 长 描述 
marginheight 像素 值 定义 iframe 的 顶部 和 底部 的 边 距 
marginwidth 像素 值 定义 iframe 的 左 侧 和 右 侧 的 边 距 
name 框架 名 称 规定 iframe 的 名 称 
scrolling yes .no \auto 规定 是 否 在 iframe 中 显示 滚动 条 
SrTC URL 规定 在 iframe 中 显示 文档 的 URL 
width 像素 值 定义 iframe 的 宽度 


frame 框架 必须 放 在 frameset 框架 之 中 ,而 < iframe > 标记 则 可 以 放 在 < body > 标记 


关中 5 


例如 


< htm]l > 
<head><title> ifram</title></head> 
< body bgcolor = lightyellow> 


< iframe src = test, html] scrolling = yes marginwidth = 1 > </iframe> 


</body> 
</html > 


< iframe > 标记 的 属性 和 < frame > 标记 相似 ,上 述 程序 中 给 出 了 marginwidth 属性 的 应 
用 ,marginheight 属性 也 可 以 这 样 用 。 

11. < body > 标记 

< body > 标记 包含 文档 的 所 有 内 容 ( 如 文本 、 超 链接 图像. 表格 和 列表 等 ) 。 

例如 


< body bgcolor = lightblue text = "#0000ff"> 


< body > 标记 有 以 下 属性 : 


bgcolor: 设置 背景 色 。 

text: 设置 字符 颜色 。 

background: 设置 要 加 载 的 背景 图 片 。 

bgproperties: 指示 不 能 滚动 背景 图 。 

leftmargin: 设置 页 面 左边 距 。 

topmargin: 设置 页 面 上 边 距 。 

link: 指示 未 被 点 击 ( 访 问 ) 过 的 超 文 本 链接 文字 的 颜色 。 
alink: 指示 正 被 点 击 (正在 访问 ) 的 超 文本 链接 文字 的 颜色 。 
vlink: 指示 已 被 点 击 ( 访 问 ) 过 的 超 文 本 链接 文字 的 颜色 。 


。 onload: 指示 加 载 本 body 时 调用 的 函数 。 

。 onunload: 指示 钊 载 本 body 时 调用 的 函数 。 

文件 smp004. html 中 给 出 了 这 些 属 性 的 应 用 。 

程序 (Njspweb 项 目 \WebRoot\ch02\smp004. html) 的 清单 : 


<html> 
<head> 
<meta http— equiv = content ~ type content = "text/html; charset = gb2312"> 
<title> 添 加 背景 图 片 </title></head> 
<body background = "data/ 黄 山 迎 客 松 . jpg" topmargin = 30 leftmargin = 20 > 
< hl >< font color = white> 黄 山 著名 景点 迎 客 松 </font ></hl > 
</body> 
</html > 


文件 中 加 载 的 图 片 如 果 尺 寸 较 大 ,将 会 影响 程序 的 运行 速度 。 在 网 页 中 不 要 使 用 过 大 
的 图 片 作为 背景 图 片 。 
topmargin 一 30 和 keftmargin 一 20 属性 用 于 设置 “黄山 著名 景点 迎 客 松 ” 几 个 字 的 位 置 。 


请 句 : 
<meta http - equiv = content - type content = "text/html; charset = gb2312"> 


就 是 < meta > 标记 语句 ,说 明 本 文件 是 一 个 txt/html 文本 文件 ,采用 GB2312 简体 汉字 。 通 
常 将 < meta > 标记 和 < title > 标记 放 在 < head > 标记 之 中 ,构成 文件 头 。 

< body > 标记 的 onload .onunload 属性 一 般 在 动态 网 页 中 应 用 ,不 在 静态 网 页 中 出 现 。 

12. 表格 标记 

表格 是 网 页 的 重要 组 成 部 分 ,除了 极其 简单 的 网 页 ,一 般 网 页 中 都 会 应 用 表格 。 网 页 中 
的 表格 远 远 超出 了 一 般 表 格 的 功能 ,网 页 的 页 面 布局 往往 是 通过 表格 设计 的 。 虽然 页 面 上 
看 不 到 表格 ,实际 上 大 量 地 采用 了 表格 。 应 用 表格 标记 ,可 以 方便 地 制作 各 种 表格 ,从 而 对 
页 面 进行 布局 。 

1) 表格 标记 列表 

表格 标记 有 < table >( 表 格 ) 标 记 、< caption >( 标 题 ) 标 记 、< th >( 表 头 ) 标 记 、< tr >( 行 ) 
标记 、< td >( 列 或 单元 格 ) 标 记 , 如 表 2-3 所 示 。 

表 2-3 表格 标记 列表 





名 称 起 始 标记 结束 标记 
表格 <table> </table > 
标题 <caption> </caption> 
表 头 <th> </th> 
行 <tr> </tr> 
单元 格 <td> </td> 


通过 各 种 表格 标记 ,可 以 很 方便 地 进行 表格 设计 。 例 如 ,通过 程序 smp005. html 中 的 
语句 , 便 设计 了 一 个 如 图 2-3 所 示 的 表格 。 
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程序 (\jspweb 项 目 \WebRoot\ch02\smp005. html) 的 清单 : 


<html> 
<head>< title> 表 格 </title></head> 
< body> 
<table align = center bgcolor = 井 c0ffff width= 400 border = 1> 
<caption><b> 表 格 实例 </b></caption> 
<tr><th colspan = "3"> 学 生 名 册 </th></tr> 
<tr><th> 姓 名 </th><th> 年 龄 </th><th> 生 源 </th></tr> 
二 
<td align = "center"> 张 三 </td> 
<td align = "center"> 18 </td> 
< td align = "center"> 北 京 市 </td></tr> 
<tr> 
<td align= "center"> 李 四 </td> 
<td align = "center"> 17 </td> 
< td align = "center"> 上 海 市 </td></tr> 
tr> 
<td align = "center"> 王 五 </td> 
<td align = "center"> 16 </td> 
<td align = "center"> 天 津 市 </td></tr> 
</table> 
</body> 
</html > 


程序 运行 结果 如 图 2-3 所 示 。 


ET 



































图 2-3 一 个 简单 表格 


< table > 标记 ,标记 了 整个 表格 。 这 一 对 标记 放 在 整个 表格 的 最 外 层 , 标 志 表 格 的 开始 
和 结束 。 
< caption > 标记 ,标记 了 表格 的 标题 “表格 实例 ? 几 个 字 就 是 表格 的 标题 。“< tr > 标记 ” 
标记 了 表格 的 行 。“< th > 标记 ”标记 了 表格 的 表 头 “学生 名 册 ”“ 姓 名 ”年 龄 “生源 ”等 都 是 
表格 的 表 头 .。“< td > 标记 ”标记 了 表格 的 列 即 单元 格 。 

当 需 要 用 < th >、< td > 进行 标记 时 ,必须 先 用 < tr > 标记 一 行 。 一 个 < tr > 标记 后 面 有 几 
个 < th > 或 < td > 标记 ,该 行 中 就 有 几 个 表 头 或 单元 格 。 

任何 复杂 的 表格 ,包括 极 不 规则 的 表格 在 内 ,都 可 以 通过 < table >、< caption >、< tr >、 


<th >、< td > 等 标记 产生 。 
下 面 分 别 说 明 表格 各 种 标记 的 属性 和 应 用 。 
2) < table > 标记 
< table > 标记 用 于 标记 整个 表格 ,< table > 标记 的 格式 为 : 


<table> …</table> 


< table > 标记 有 以 下 属性 : 

。 align: 设置 对 齐 方式 ,可 取 的 值 有 left ,right center。 

。 width: 设置 表格 的 宽度 ,可 用 像素 或 百分数 表示 ,如 60% 表 示 表 格 宽 为 屏幕 
的 60%。 

。 cols: 设置 表格 的 列 数 。 

cellpadding: 设置 字符 和 边框 的 间距 。 

。 cellspacing: 设置 单元 格 之 间 的 距离 。 

。 frame: 指定 要 显示 的 外 部 边框 阴影 样式 ,可 取 above、below、box、border、hsides、 

lhs ,void vsides 等 。 

rules: 指定 要 显示 的 内 部 边框 ,可 取 all、cols、rows、none、groups 等 。 

border: 设置 单元 格 边框 的 宽度 ,0 为 没有 边框 。 

。 bgcolor: 设置 表格 的 背景 色 ,对 于 没有 边框 的 表格 ,可 用 背景 色 标志 表格 的 范围 。 

background: 指定 用 做 背景 图 案 的 图 像 文件 。 

。 bordercolor: 设置 边框 的 颜色 。 

。 bordercolordark : 设置 边框 的 阴影 色 。 

bordercolorlight: 设置 是 否 高 亮 显示 边框 。 

3) < caption > 标记 

< caption > 标记 表示 处 于 表格 上 部 的 标题 。< caption > 标记 的 格式 为 : 


< caption>…</caption> 


<caption > 标记 有 以 下 属性 : 

。 font: 设置 字体 。 

。 align: 设置 水 平 对 齐 方式 ,可 取 left right\center。 
4) < th > 标记 

< th > 标记 为 表 头 标记 。< th > 标记 的 格式 为 : 


<th>…</th> 


< th > 标记 有 align .bgcolor colspan .rowspan 属性 。 
5) < tr > 标记 
< tr > 标记 为 行 标记 。< tr > 标记 的 格式 为 : 


<tr>…</tr> 
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<tr > 标记 有 align bgcolor.rowspan height 属性 。 
6) < td > 标记 
<td > 标记 为 列 (单元 格 ) 标 记 。< td > 标记 的 格式 为 : 


<td>…</td> 


< td > 标记 有 align .bgcolor colspan .width height valign 属性 。 

下 面 是 一 个 可 以 响应 双击 表格 单元 格 事件 的 例子 ,其 中 涉及 的 JavaScript 函数 将 在 2.5 
节 介 绍 。 

程序 (\jspweb 项 目 \WebRoot\ch02\smp006. html) 的 清单 : 


< htm]l > 
< head> 
<meta http— equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> TABLE 测试 </title> 
<script> 
function updateHTML() { 
document. getElementById("dbclk"). innerHTML = "双击 测试 成 功 "; 
} 
var TableDblClick = function(evt) { 
evt = evt. target || event. srcElement; 
if (evt. tagName == "TD'&& evt. parentNode. tagName == 'TR') { 
Var rowIndex = evt.parentNode.rowIndex + 1; 
Var cellIndex = evt.cellIndex + 1; 
document, getElementById( 'result') . innerHTML = ' 当 前 双击 的 是 : 第 ' + rowIndex+ ' 行 ,第 ' + 
cellIndex + ' 列 <br /><br /> 单元 格 的 内 容 是 :'+ evt. innerHTML; 
} 
} 
window. onload = function() { 
document. getElementById( 'tb').ondblclick = function(evt) { 
return function() { TableDblClick(evt); } 


} (event); 
} 
</script > 
</head> 
<body> 
<table border = "1" width= "100%" id= "tablel"> 
<tr><td id = "dbclk" ondblclick = "updateHTML( ) ;"> 双 击 此 处 试 试 </td></tr> 
</table> 
<table id = "tb" border = "1"> 
<tr><td>1</td><td>2</td><td>3</td></tr> 
<tr><td>4</td><td>5</td><td>6</td></tr> 
<tr><td>7</td><td>8</td><td>9 </td></tr> 
</table> 
双击 表格 内 容 试 试 哦 < br >< br > 
<div id= "result"></div> 
</body> 
</html > 


程序 运行 结果 如 图 2-4 所 示 。 
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图 2-4 表格 程序 测试 


13. 链接 和 加 载 标记 
在 HTML 文件 中 经 常 需要 链接 到 另 一 个 文件 ,或 在 文件 中 加 载 一 幅 图 像 .一 个 动画 等 。 
1) < a > 标记 
<a > 标记 称 为 超 文本 链接 标记 或 锚 标 记 。 在 网 页 上 每 一 个 信息 单元 ,如 一 段 文字 、 一 幅 
图 像 等 , 称 为 一 个 节点 ,节点 之 间 的 连接 称 为 超 文本 链接 。 
<a> 标 记 有 以 下 属性 : 
。 href: 表示 超 文本 链接 的 URL。 
。 name: 表示 超 文本 链接 的 名 称 。 
。 target: 表示 目标 浏览 器 窗口 ,如 取 值 为 "blank", 则 新 开 一 个 浏览 器 窗口 。 
"title: 设置 链接 时 在 窗口 显示 的 信息 。 
例如 ,< a href 王 "http://www. sina. com. cn"> 新 浪 </a > 表示 在 单 击 “ 新 浪 ” 后 , 便 链 接 
到 新 浪 网 站 的 首页 http://www. sina. com. cn。 
以 下 两 个 语句 用 到 了 < a > 标记 ， 
<a href = "mailto:callme(@sina. com"> 联 系 我 们 </a> 
<a href = "http://tech. sina. com. cn/down/"> 在 此 下 载 </a> 


上 述 语句 中 用 到 了 href 属性 。 如 果 单 击 “ 联 系 我 们 ”, 便 链接 到 发 送 电 子 邮 件 的 软件 ， 
通过 该 软件 可 以 发 送 电 子 邮 件 。 如 果 单 击 “ 在 此 下 载 ”, 便 可 以 下 载 新 浪 科 技 软件 。“ 联 系 我 
们 ”和 “在 此 下 载 " 称 为 标识 超 链接 文字 。 如 果 将 鼠标 移 到 它们 上 面 ,鼠标 的 光标 便 转变 成 一 
只 小 手 。 它 们 的 颜色 和 普通 文字 也 不 同 , 单 击 它 们 进行 链接 后 ,颜色 会 发 生变 化 ,这 些 都 是 
标识 超 链接 文字 的 特征 。 

例如 ,设置 < body > 标记 的 属性 为 <body link 二 blue alink 二 green vlink 二 red >。 其 中 属 
性 link 王 blue alink 二 green vlink 一 red 的 含义 如 下 : 

。 link: 指示 未 被 点 击 ( 访 问 ) 过 的 超 文本 链接 文字 的 颜色 。 


电 TML 基础 


需 久 潞 


JSP Web 项 太 及 应 用 教程 ( 贫 2 虚 ) 且 琛 帮 





。 alink: 指示 正 被 点 击 ( 正 在 访问 ) 的 超 文 本 链接 文字 的 颜色 。 
。 vlink: 指示 已 被 点 击 (访问 ) 过 的 超 文本 链接 文字 的 颜色 。 
2) < img > 标记 

< img > 标记 用 于 添加 图 像 。< img > 标记 的 格式 为 : 


< img> 


该 标记 有 以 下 属性 : 
。 src、dynsrc: 分 别 表示 要 添加 的 图 像 和 视频 文件 的 URL。 
。 width height: 分 别 表 示 图 像 的 宽度 和 高 度 ,以 像素 为 单位 。 
vspace、hspace: 分 别 表 示 图 像 上 下 \ 左 右 空 白 区 域 的 大 小 。 
align: 表示 图 像 与 周围 文字 的 对 齐 关 系 , 有 left ,right top、middle、bottom 几 种 
。 alt: 设置 当 鼠 标 移 到 图 像 时 弹出 的 提示 。 
。 border: 表示 图 像 的 边框 宽度 。 
。 controls: 设置 视频 文件 是 否 可 用 。 
。 start: 设置 视频 文件 的 播放 方式 。 
。 loop: 设置 视频 文件 的 播放 次 数 。 
3) img 热点 设置 
图 片 热 点 链接 的 实质 是 把 一 幅 图 片 划分 为 不 同 的 热点 区 域 , 再 在 不 同 的 热点 区 域 添加 
超 链接 ,可 根据 需要 定义 多 少 个 热点 区 域 。 图 片 热点 在 图 形 方式 导航 中 的 应 用 很 普遍 。 
要 完成 图 片 热点 区 域 超 链接 要 用 到 三 种 标记 : <img >、< map >、< area >。 
img 热点 设置 格式 ， 


< img src= "图 形 文件 名 ”usemap = "# 图 的 名 称 "> 
<map name = "图 的 名 称 "> 
<area shape = 形状 coords = 区 域 坐标 列表 href = "URL 资源 地 址 "> 
< area shape= 形状 coords = 区 域 坐标 列表 href = "URL 资源 地 址 "> 


</map> 


其 中 ,shape 定义 了 热点 形状 : 
shape 一 rect 矩形 
shape 王 circle 圆 形 
shape 王 poly 多 边 形 


coords 定义 区 域 点 的 坐标 : 
。 和 拢 形 : 必须 使 用 四 个 数字 ,前 两 个 数字 为 左上 角 坐 标 ,后 两 个 数字 为 右 下 角 坐标 。 
例如 : 


< area shape = rect coords = 100, 50, 200,75 href = "URL"> 


。 圆 形 : 必须 使 用 三 个 数字 ,前 两 个 数字 为 圆心 的 坐标 ,最 后 一 个 数字 为 半径 长 度 。 
例如 : 


< area shape = circle coords = 85,155,30 href = "URL"> 


。 多 边 形 : 将 图 形 的 每 一 转折 点 坐标 依 序 填 人 。 
例如 : 


<area shape = poly coords = 232,70, 285,70, 300, 90, 250, 90, 200, 78 href = "URL"> 


图 片 热点 示例 程序 如 下 。 
程序 (\jspweb 项 目 \WebRoot\ch02\smp007. html) 的 清单 : 


<html> 
<head> 
<meta http - equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<title> 图 片 热点 示例 </title> 
</head> 
<body><p> 
< img src = "data/ 黄 山 迎 客 松 . jpg" width= "850" height = "510" border = "0" usemap= "并 Map" /> 
<map name = "Map" id = "Map"> 
<area shape = "circle" coords = "641,94,76" href = "aa. html" onFocus = "this. blur()"/> 
<area shape = "rect" coords = "21,8,210,170" href = "http://www. yahoo. com"/> 
<area shape = "poly" coords = "622,287, 395, 288, 241, 251, 417, 187" href = "bb. html"/> 
</map> 
</body > 
</html > 


area 元 素 永远 酝 套 在 map 元 素 内 部 。area 元 素 定义 图 像 映射 中 的 区 域 。< img > 中 的 
usemap 属性 可 引用 < map > 中 的 id 或 name 属性 (取决 于 浏览 器 ) ,所 以 应 同时 向 < map > 添 
加 id 和 name 属性 。 

使 用 FrontPage 等 网 页 制作 工具 可 以 很 方便 地 设置 图 片 热点 。 可 先 粗略 定义 所 需 的 热 
点 < area >, 再 用 鼠标 拉动 热点 控制 块 进行 精确 设置 ,如 图 2-5 所 示 。 

4) < marquee > 标记 

< marquee > 标记 为 滚动 标记 ,< marquee > 标记 的 格式 为 : 





<marquee>…</marquee> 


如 果 在 上 述 标记 之 间 放 置 某 些 文字 或 图 标 ,程序 运行 后 ,这 些 文字 或 图 标 便 进 行 滚动 ， 
像 走马 灯 一 样 。 

<marquee > 标记 有 以 下 属性 : 

。 align: 指定 对 齐 方式 ,可 选 值 为 top middle bottom 。 

。 behavior: 指定 动画 属性 ,可 选 值 有 scroll( 单 向 运动 ) .slide( 一 次 性 滑动 ) .alternate 
(往返 运动 ) 。 
bgcolor: 指定 背景 色 。 
direction: 指定 文字 的 移动 方向 ,可 选 left 和 right。 
。 loop: 指定 移动 次 数 。 
。 height: 指定 字幕 高 度 。 
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content="text/html; charset=gb2312"> 
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。 width: 指定 字幕 宽度 。 


。 scrollamount: 指定 每 次 移动 的 距离 ,距离 越 大 速度 越 快 。 
scrolldelay: 指定 每 次 移动 所 要 的 时 间 ,时 间 越 短 滚 动 越 快 。 
hspace: 指定 字幕 左右 空白 区 。 
。 vspace: 指定 字幕 上 下 空白 区 。 
5) < embed > 标记 
< embed > 为 嵌入 多 媒体 标记 ,是 只 有 开始 标记 没有 结束 标记 的 单个 标记 。 通 过 它 可 以 
加 载 和 播放 mp3 .wav ,mid 等 文件 。< embed > 标记 的 格式 为 : 


1 Snap 
国 /body> 
9 htnl> 





图 2-5 图 片 热点 设置 


< embed > 


<embed > 标记 有 以 下 属性 : 

src: 指定 要 加 载 的 多 媒体 文件 。 

。 autostart: 设置 是 否 自动 播放 ,有 true false 两 种 选择 。 

。 loop: 设置 播放 次 数 ,true 表示 无 限 循环 ,false 表示 只 播放 一 次 ,false 是 默认 设置 。 

， hiden: 隐藏 控制 面板 。 

。 starttime: 设置 开始 播放 的 时 间 , 如 1 : 30 表示 从 1 分 30 秒 处 开始 播放 。 

volume: 设置 音量 ,可 在 0 一 100 之 间 选 择 。 

。 width: 设置 控制 面板 宽度 。 

height: 设置 控制 面板 高 度 。 

align: 设置 控制 面板 的 对 齐 方式 ,可 取 top、 bottom、 center、 baseline、 left、 right、 


textto .pmiddle .absmiddle .absbottom 。 


。 controls: 设置 控制 面板 的 外 观 。 

由 于 计算 机 中 安装 的 播放 器 可 能 不 同 , 所 以 上 述 属性 的 效果 也 可 能 是 不 同 的 ,究竟 应 采 
用 哪些 属性 需 视 具体 情况 而 定 。 下 面 的 例子 程序 说 明了 < embed > 标记 的 应 用 。 

程序 (\jspweb 项 目 \WebRoot\ch02\smp008. html) 的 清单 : 








< html > 
<head><title> 播 放 音 乐 </title></head> 
<body> 
<center > <h5 > 音乐 欣赏 : 潇洒 走 一 回 </h5 > 
< embed src = "data/ 潇 酒 走 一 回 .mp3" width = 300 height = 100 autostart = true loop = false> 
</center > 
</body> 
</html > 


图 2-6 中 展示 了 这 个 程序 的 运行 结果 ,图 中 正在 播放 data 文件 夹 中 的 “ 潇 酒 走 一 回 . 
mp3” 文 件 , 如 果 计 算 机 的 声音 系统 正常 ,就 可 以 听 到 动听 的 音乐 。 其 中 各 按钮 的 功能 请 读 
者 自己 试用 。 
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图 2-6 smp008. html 的 运行 结果 


6) < bgsound > 标记 

< bgsound > 标记 称 为 背景 音乐 标记 ,用 于 加 载 和 播放 背景 音乐 文件 。 该 标记 是 一 个 只 
有 开始 标记 没有 结束 标记 的 单个 标记 。 

程序 (\jspweb 项 目 \WebRoot\ch02\smp009. html) 的 清单 : 


<html> 
< head >< title > 播放 音乐 </title></head> 
<body> 
<center> 
<h5 > 背景 音乐 欣赏 : 二 泉 映 月 .mid</h5 > 
< bgsound src = "data/ 二 泉 映 月 .mid" loop = infinite> 
</center > 
</body> 
</html> 


文件 运行 后 便 开始 播放 音乐 ,程序 运行 时 界面 上 也 没有 播放 控制 面板 。 
乐 ,选用 mid 音乐 ,占用 较 小 内 存 , 而 能 播放 较 长 时 间 。 
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14. < input > 标记 
<input > 标记 可 定义 输入 域 的 开始 ,在 其 中 用 户 可 输入 数据 。< input > 只 有 开始 标记 
没有 结束 标记 ,是 单个 标记 。 
该 标记 具有 以 下 属性 : 
。 name: 是 控件 的 名 称 。 
。 type: 指定 加 载 控件 的 类 型 ,如 button、 submit、 reset、radio、checkbox、 text、 password、 
hidden 等 。 
。 value: 不 同 控 件 的 value 属性 具有 不 同 含义 。 对 于 button submit、 reset 控件 ， 
value 表示 控件 表面 的 文字 (caption); 对 于 checkbox、radi,value 表示 控件 的 选项 ; 
对 于 text、password 控件 ,value 是 文本 框 中 的 内 容 。 
。 align: 指示 对 齐 方式 ,可 取 top、bottom、middle。 
。 maxlength: 设置 允许 输入 的 最 大 字符 数 。 
。 size: 设置 控件 的 宽度 。 
。 src: 指定 插入 的 图 像 。 
对 于 通常 的 表单 控件 ,可 以 使 用 < input > 标记 来 进行 定义 ,其 中 包括 文本 字段 、 多 选 列 
表 、 可 单 击 的 图 像 和 提交 按钮 等 。 虽 然 <input > 标记 中 有 许多 属性 ,但 是 对 每 个 元 素来 说 ， 
只 有 type 属性 和 name 属性 是 必需 的 (提交 或 重 置 按钮 只 有 type 属性 ) 。 
<input > 标记 的 type 属性 见 表 2-4 所 示 。 


表 2-4 <input> 标记 的 type 属性 





值 描 述 
button ”定义 可 单 击 按钮 (多 数 情况 下 ,用 于 通过 JavaScript 启动 脚本 ) 。 
例如 : <input type=="button" value 一 "Click me" onclick 一 "msg()”/> 
checkbox ”定义 复 选 框 , 复 选 框 允许 用 户 在 一 定数 目的 选择 中 选取 一 个 或 多 个 选项 。 
例如 : <input type 一 "checkbox”name 一 "vehicle" value 二 "Bike"” /> 自行 车 
<input type 一 "checkbox”name 一 "vehicle" value 二 "Car" /> 小 汽车 
file 定义 输入 字段 和 "浏览 "按钮 , 供 文件 上 传 。 
例如 : < input type 一 "file"/>。 运 行 效果 [EEED 到 | 
hidden ”定义 隐藏 的 输入 字段。 
例如 : < input type=="hidden" name 一 "country"” value 二 "Norway" /> 
image 定义 图 像 形式 的 提交 按钮 。 
例如 : < input type 一 "image”src 一 "submit, gif" alt="Submit" /> 
password ”定义 密码 字段 。 该 字段 中 的 字符 被 掩 码 。 
例如 : 请 输入 密码 : < input type 一 "password" name 一 "pswd"/>。 
运行 效果 请 输入 窜 码 ,eeeo9 
radio 定义 单 选 按钮 ,允许 用 户 选 取 给 定数 目的 选择 中 的 一 个 选项 。 同 一 组 的 name 值 相同 
reset 定义 重 置 按钮 。 重 置 按钮 会 清除 表单 中 的 所 有 数据 
submit 定义 提交 按钮 。 提 交 按 钮 会 把 表单 数据 发 送 到 服务 器 
text 定义 单行 的 输入 字段 ,用 户 可 在 其 中 输入 文本 。 默 认 宽度 为 20 个 字符 ,size 属性 定义 宽度 
15. 表单 


form 称 为 表单 或 窗 体 。 表 单 是 一 个 容器 ,可 在 其 中 放置 各 种 控件 。 前 面 介绍 的 内 部 控 


件 都 可 以 放 在 表单 中 。 表 单 在 HTML 文本 中 具有 很 重要 的 地 位 ,客户 在 网 页 中 提供 的 数 
据 和 信息 ,大 都 通过 表单 传递 给 服务 器 。 
< form > 标记 的 格式 为 : 


< form>…</form> 


< form > 标记 有 以 下 属性 : 

。 name: 为 表单 的 名 称 。 

target: 指定 目标 窗口 ,可 选 self parent ,top .blank ,依次 表示 当前 窗口 、 父 窗口 、 顶 
层 窗 口 .空白 窗口 。 

action: 指定 接收 表单 数据 的 文件 。 

。 method: 指定 传递 数据 的 方法 ,可 选 get、post。 

。 onsubmit: 指定 需要 执行 的 函数 。 

表单 中 常见 控件 的 介绍 如 下 : 

1) 表单 按钮 控件 

button、submit、reset 都 是 表单 按钮 控件 。 

button 按钮 控件 有 onclick 属性 和 onfocus 属性 。 单 击 该 按钮 时 , 便 调 用 onclick 属性 


用 。 如 果 界 面 上 有 多 个 控件 时 ,只 有 一 个 拥有 焦点 。 鼠 标 移 到 某 个 控件 上 ,该 控件 便 拥有 
button 控件 例句 : 


< input type = "button" value = "Click me" onclick = "msg()" /> 


submit 按钮 控件 用 于 提交 事务 。 单 击 该 按钮 , 便 将 表单 提交 给 < form > 标记 中 action 
属性 指定 的 文件 。 

reset 按钮 控件 用 于 复位 设置 。 单 击 该 按钮 , 便 可 删除 < form > 标记 内 设置 的 所 有 数据 ， 
以 重新 输入 设置 数据 。 

除 以 上 属性 外 ,三 个 按钮 控件 还 具有 以 下 属性 : 

。 name: 表示 按钮 的 名 称 。 

。 value: 表示 在 按钮 上 显示 的 文字 。 

2) text 控件 

text 控件 称 为 文本 框 控件 。 例 如 : 


< input type = "text" name = "firstname" /> 


text 控件 具有 以 下 属性 : 

。 name: 表示 文本 框 的 名 称 。 

。 value: 表示 文本 框 中 的 文字 。 
。 size: 设置 文本 框 的 宽度 。 


五 TML 基础 


贡 六 站 


JSP Web 项 太 及 应 用 教程 ( 务 2 版 ) 用 琛 帮 





。 maxlength: 设置 允许 输入 的 最 大 字符 数 。 

。 onchang: 指定 当 文本 内 容 发 生变 化 时 执行 的 函数 。 
。 onselect: 指定 当 文 本 内 容 被 选中 时 执行 的 函数 。 

。 onfocus: 指定 当 控件 拥有 焦点 时 执行 的 函数 。 

3) password 控件 

password 控件 称 为 口令 文本 框 控件 ,用 于 输入 口令 。 
password 控件 例句 : 


< input type = "password" name = "pwd" /> 


实际 上 就 是 一 个 文本 框 控件 ,但 是 出 于 保密 需要 ,输入 的 字符 都 显示 为 “* ”号 ,传递 给 
服务 器 时 “ * ”号 转变 为 实际 字符 。 该 控件 还 有 以 下 属性 : 
。 name: 是 口令 文本 框 的 名 称 。 
。 value: 是 口令 文本 框 的 内 容 。 
。 size: 设置 口令 文本 框 的 宽度 。 
maxlength: 设置 允许 输入 的 最 大 字符 数 。 
4) file 控件 
file 控件 定义 输入 字段 和 “浏览 ”按钮 ,通常 用 于 文件 上 传 。 
file 控件 例句 : 


上 传 文件 < input type = file> 


运行 效果 如 下 : 

上 传 文件 国人 也。 

5) checkbox 和 radio 控件 
checkbox 复 选 框 控件 用 于 多 选 ,radio 按钮 控件 用 于 单 选 。 它 们 有 以 下 属性 : 

。 name: 表示 控件 的 名 称 。 多 个 checkbox 或 多 个 radio 共用 相同 名 称 时 ,表示 这 些 
checkbox 或 radio 属于 同一 组 。 可 根据 控件 的 名 称 将 这 些 控件 分 成 多 个 组 。 同 一 
组 中 的 radio 只 能 选中 一 个 ,提交 后 传递 单个 的 值 ; 而 同一 组 中 checkbox 可 以 多 
选 ,提交 后 传递 的 是 一 个 数组 。 
value: 是 控件 的 值 。 
checked: 设置 选取 的 初始 状态 。 
onclick: 指定 当 控 件 被 选取 时 执行 的 函数 。 

。 onfocus: 指定 当 控 件 接受 焦点 时 执行 的 函数 。 
checkbox 和 radio 控件 例句 : 


<form> 
< input type = "radio" name = "like" value = "喜欢 ”checked /> 喜欢 
< input type = "radio" name = "like" value = "不 喜欢 " /> 不 喜欢 
< input type = "radio" name = "like" value = "无 所 谓 " /> 无 所 谓 <br> 
< input type = "checkbox" name = "ckbox" value = "篮球 " checked /> 篮球 


< input type = "checkbox" name = "ckbox" value = "排球 " /> 排球 
< input type = "checkbox" name = "ckbox" value = "跑步 " /> 跑步 <br> 
</form> 


C 喜欢 6 不 喜欢 C 无 所 谓 
区 篮球 所 排球 民 跑 步 


6) hidden 控件 

hidden 控件 称 为 隐藏 控件 ,在 页 面 上 看 不 到 这 个 控件 ,也 不 需要 对 它 进行 操作 , 它 的 功 
能 是 传递 数据 。 

hidden 控件 例句 : 


< input type = "hidden" name = "country" value = "china" /> 


该 控件 有 两 个 属性 : 

。 name: 表示 控件 的 名 称 。 

。 value: 表示 控件 的 值 ,是 要 传递 的 数据 。 

当 将 本 控件 所 在 的 文件 发 送 给 服务 器 后 ,服务 器 可 以 通过 hidden 控件 的 name 属性 , 读 
取 其 value 属性 的 值 。 这 样 便 将 数据 传递 给 服务 器 了 ,由 于 该 控件 被 隐藏 了 ,是 看 不 见 的 ， 
便于 保密 。 

7) textarea 控件 

textarea 控件 称 为 文本 区 控件 ,和 text 控件 不 同 的 是 ,text 控件 只 能 输入 单行 文字 ,而 
textarea 控件 允许 输入 多 行文 字 。 

textarea 控件 有 以 下 属性 : 

。 cols: 垂直 列 。 在 没有 做 样式 表 设 置 的 情况 下 , 它 表 示 一 行 中 可 容纳 下 的 字 节 数 。 
例如 ,cols 王 60 表示 一 行 中 最 多 可 容纳 60 字 节 ,也 就 是 30 个 汉字 。 要 注意 的 是 , 文 
本 框 的 宽度 就 是 通过 这 个 来 调整 的 ,输入 cols 的 数值 ,然后 再 定义 输入 文字 字体 的 
大 小 (不 定义 的 话 , 会 采用 默认 值 ) ,那么 文本 框 的 宽度 就 确定 了 。 
rows: 表示 可 输入 或 显示 的 行 数 。 例 如 ,rows 二 10, 表 示 可 显示 10 行 。 超 过 10 行 ， 
则 需要 拖 动 滚动 条 来 浏览 了 。 文 本 框 的 高 度 就 是 通过 这 个 来 控制 的 。 

。 name: 文本 框 的 名 称 ,这 项 不 可 省 ,因为 存储 文本 的 时 候 必须 用 到 。 

。 style: 一 个 非常 实用 的 参数 ,可 以 用 来 设置 文本 框 的 背景 色 滚动 条 颜色 及 形式 . 边 
框 色 、 输 入 字体 的 大 小 颜色 等 。 

。 class: 一 般 用 来 调用 外 部 CSS 里 边 的 设置 。 

。 onchange: 指定 当 控 件 发 生变 化 时 执行 的 函数 。 

。 onselect: 指定 当 控 件 内 容 被 选取 时 执行 的 函数 。 

。 onfocus: 指定 当 控 件 拥 有 焦点 时 执行 的 函数 。 

。 onblur: 指定 当 控 件 失 去 焦点 时 执行 的 函数 。 

textarea 控件 例句 : 

。 设置 文本 框 的 列 数 为 40, 行 数 为 10, 名 称 为 text。 
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< textarea cols = 40 rows = 10 name = text ></textarea> 


。 取消 文本 框 右边 的 滚动 条 。 


< textarea cols = 40 rows = 10 name = text style = "overflow:auto"></textarea> 


style 一 "overflow:auto "的 意思 就 是 当 输入 的 文本 超出 设置 的 行 数 时 才 自 动 显示 滚 
动 条 。 
。 设置 文本 框 的 背景 色 。 


< textarea cols = 40 rows = 10 name = text 
style = "background - color:BFCEDC"></textarea> 


另外 ,设置 文本 框 的 滚动 条 颜色 .边框 色 , 以 及 字体 大 小 .颜色 、 行 距 等 ,都 可 以 直接 在 
style 里 设置 。 不 过 这 些 一 般 都 习惯 在 CSS 里 设置 。 

8) select 控件 

select 控件 称 为 选择 列表 控件 。 选 择 列表 也 具有 控件 功能 ,除了 具有 < select > 标记 的 
属性 ,作为 控件 还 有 以 下 补充 属性 : 

。 onchange: 指定 当 控件 发 生变 化 时 执行 的 函数 。 


。 onblur: 指定 当 控 件 失去 焦点 时 执行 的 函数 。 

从 textarea 和 select 两 个 控件 的 属性 可 以 看 出 ,在 某 个 事件 触发 下 ,控件 具有 执行 某 个 
函数 的 功能 ,这 是 控件 的 动态 特点 。 

文件 smp010. html 说 明了 < form >、< input > 标记 和 各 种 控件 的 应 用 。 该 程序 运行 结 
果 如 图 2-7 所 示 。 


ore 和 Input 标 记 的 应 用 - Windows Internet Explorer 
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2-7 smp010. html 的 运行 结果 


程序 (\jspweb 项 目 \WebRoot\ch02\smp010. html) 的 清单 : 


< htm] > 

< head > 

<title> form 和 input 标记 的 应 用 </title> 

< meta http - equiv = content - type content = "text/html; charset = gb2312"> 

</head> 

<body> 

1 <formaction= data/abc. html method = post name = frm> 

2 < textarea name = txarea rows = 7 cols = 42 > 请 在 此 处 写 下 您 的 宝贵 意见 :</textarea >< br > 


<br> 
3 <table cellspacing = 0 cellpadding = 0 width= 480 border =0> 
4 te> 
5 <tdwidth= 100> 
6 < input type = checkbox name = ckbx value = "电影 " checked > 电影 <br > 
< input type = checkbox name = ckbx value = "音乐 "checked > 音乐 <br> 
< input type = checkbox name = ckbx value = "美术 "checked > 美术 < br > 
学 </td> 
8 <td width= 100> 
9 < input type = radio name = rdo value = "先生 " > 男 <br> 
< input type = radio name = rdo value = "女士 " checked> 女 <br> 
10 </td> 
<td> 
12 < img src = "data/spot. jpg" width= 12 height=12> 账号 : 
< input type = text size= 10 name = user value= 张 三 ><br> 
13 < img src = data/spot. jpg width= 12 height=12> 密码 : 
< input type = password size= 10 name = pswd value=123><br><br> 
14 </td> 
5 /te 
16 </table> 
17 < input type = submit value = 发 送 > 
18 < input type = reset value = 重 置 > 
19 < input type = button value = 帮助 onclick = alert(" 这 里 可 以 提供 帮助 ")> 
20 < input type = hidden name = hdn value = abc><br><br> 
21 </form> 
</body> 
</html > 


语句 1 一 语句 21 由 一 对 < form > 标记 构成 了 一 个 表单 。 

除 textarea 和 select 控件 外 ,表单 中 的 控件 都 需要 通过 input 加 载 。textarea 和 select 
控件 通过 它们 自己 的 标记 加 载 。 例 如 ,语句 2 通过 < textarea > 标记 加 载 了 一 个 文本 区 。 

语句 3 一 语句 16 由 一 对 < table > 标记 创建 了 一 个 表格 ,通过 这 个 表格 对 页 面 进行 布局 。 
由 语句 4 一 语句 15 的 一 对 < tr > 标记 构成 了 表格 的 一 行 ,这 是 该 表格 唯一 的 行 。 语 句 5 一 语 
句 7 .语句 8 一 语句 10 和 语句 11 一 语句 14 由 三 对 < td > 标记 构建 了 这 一 行 中 的 三 个 单元 格 。 
从 左 至 右 ,第 一 个 单元 格 中 放置 三 个 复 选 框 ,第 二 个 单元 格 中 放置 两 个 单 选 按钮 ,第 三 个 单 
元 格 中 放置 “账号 ”和 “密码 ”两 个 文本 框 。 

语句 6 中 的 “电影 “音乐 "和 “美术 ” 复 选 框 和 语句 9 中 的 “ 女 " 单 选 按 钮 中 都 有 checked 
属性 ,表明 它们 是 预选 项 或 默认 选项 ,在 图 2-7 中 可 以 看 到 ,它们 已 预选 取 。 单 击 其 他 选项 ， 
便 可 改变 选项 。 
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语句 17 一 语句 20 已 在 表格 之 外 ,它们 加 载 的 控件 都 在 同一 行 上 。 语 句 19 加 载 的 是 一 
个 button 控件 , 单 击 该 按钮 便 调 用 由 onclick 属性 指定 的 一 个 函数 。 单 击 * 和 帮助” 按钮 ,应 该 
打开 一 个 帮助 文件 。 语 句 20 加 载 的 是 一 个 hidden 隐藏 控件 ,不 在 图 中 显示 。 

在 < input > 标记 的 属性 说 明 中 指出 : 对 于 button submit reset 控件 ,value 表示 控件 表 
面 的 文字 ; 对 于 checkbox ,radio 控件 , value 表示 控件 的 选项 ; 对 于 text、password 控件 ， 
value 表示 文本 框 中 的 内 容 。 

对 照 smp010. html 的 语句 和 图 2-7 就 很 清楚 了 。 对 于 submit、reset、button 控件 ,value 
分 别 是 “发 送 ”“* 重 置 " 和 “帮助 ”, 就 是 按钮 表面 的 文字 。 对 于 checkbox、radio 控件 ,value 分 
别 是 “电影 “音乐 “美术 ”和 “先生 ”女士 ", 就 是 相应 控件 的 选项 。 对 于 text 和 password 
控件 ,value 分 别 是 “ 张 三 ” 和 “123”, 就 是 文本 框 中 的 内 容 。 

当 客户 和 服务 器 之 间 需 要 进行 交流 时 ,表单 发 挥 着 重要 的 作用 。 客 户 将 表单 填写 好 后 ， 
单 击 “ 发 送 ” 按 钮 , 便 将 表单 中 的 有 关 信 息 发 送 给 某 一 个 文件 。 该 文件 名 由 < form > 标记 的 
action 属性 指定 。 从 语句 1 看 到 ,现在 action 属性 指定 的 文件 是 data、abc. html。 单 击 “ 发 
送 ?按钮 后 , 便 将 表单 信息 提交 给 服务 器 ,服务 器 可 以 从 发 来 的 表单 中 提取 信息 ,如 提取 
checkbox ,radio ,text\password 等 控件 的 value 值 。 这 一 功能 不 能 由 单一 的 HTML 语言 实 
现 , 本 书后 续 章 节 将 进行 详细 叙述 。 


2.3 HTML 事件 


HTML 文本 中 可 以 接收 鼠标 、 键 盘 和 窗 体 等 各 种 事件 。 

1. 鼠标 事件 

HTML 提供 了 许多 鼠标 事件 , 当 鼠 标 进行 相应 的 操作 时 触发 。 常 用 的 鼠标 事件 如 表 2-5 
所 示 。 


表 2-5 HTML 鼠标 事件 





鼠标 事件 事件 含义 
onBlur 会 在 对 象 失去 焦点 时 发 生 , 如 在 用 户 离开 输入 框 时 执行 
onClick 单 击 鼠 标 左 键 后 执行 
onDblClick 双击 鼠标 左 键 后 执行 
onFocus 在 对 象 获得 焦点 时 发 生 
onMouseDown 在 鼠标 按键 被 按 下 时 发 生 
onMouseMove 在 鼠标 指针 移动 时 发 生 
onMouseOut 在 鼠标 指针 移出 指定 的 对 象 时 发 生 
onMouseOver 在 鼠标 指针 移动 到 指定 的 对 象 上 时 发 生 
onMouseUp 在 鼠标 按键 被 松 开 时 发 生 


下 面 的 程序 smp011. html 说 明了 onClick .onMouseDown .onMouseUp .onMouseOnut 
和 OnMouseOver 等 鼠标 事件 的 应 用 。 
程序 (\jspweb 项 目 \WebRoot\ch02\smp011. html) 的 清单 


< htm] > 
< body> 
<table border =1><tr> 


1 <td>< input type = "text" value= "" size= "20" onMouseOver = "alert( 'mouse is Over');"><br> 
2 < input type = "text" value= "" size= "20" onMouseDown = "alert('mouse is down');"><br> 
3 < input type = "text" value= "" size= "20" onMouseUp = "alert( 'mouse is up');"></td> 
4 <td>< input type = "radio" name = rdo checked onMouseOut = "confirm( mouse is out');"> 星 期 六 


<br> 


5 < input type = "radio" name = rdo onMouseOut = "confirm( 'mouse is out');"> 星 期 日 </td> 


6 <td>< input type = "checkbox" onClick= "alert('mouse is click');"> 五 一 <br> 
了 < input type = "checkbox" onClick = "alert('mouse is click');"> 十 一 <br> 


8 < input type = "checkbox" onClick = "alert( 'mouse is click');"> 春 节 </td> </tr> 


</table> 
</body> 
</html> 


语句 1 表明 ,如 果 将 鼠标 在 第 一 个 文本 框 中 移 过 ,发 生 onMouseOver 事件 , 便 弹出 一 个 


alert 对 话 框 ,其 中 显示 mouse is over 信息 ,如 图 2-8 所 示 。 
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图 2-8 鼠标 事件 测试 


语句 2 表明 ,如 果 在 第 二 个 文本 框 中 按 下 鼠标 键 ,发 生 onMouseDown 事件 , 便 弹出 一 


个 alert 对 话 框 ,其 中 显示 mouse is down 信息 。 


语句 3 表明 ,如 果 在 第 三 个 文本 框 中 抬 起 鼠标 键 ,发 生 onMouseUp 事件 , 便 弹 出 一 个 


alert 对 话 框 ,其 中 显示 mouse is up 信息 。 


语句 4、5 表明 ,如 果 鼠 标 从 单 选 按钮 上 移 开 , 发 生 onMouseOut 事件 , 便 弹 出 一 个 


confirm 对 话 框 , 其 中 显示 mouse is out 信息 。 


语句 6.7、8 表明 ,如 果 鼠 标 单 击 复 选 框 ,发 生 onClick 事件 , 便 弹 出 一 个 alert 对 话 框 ， 


其 中 显示 mouse is click 信息 。 
2. 键盘 事件 


HTML 提供 了 onKeydown、onKeyup、onKeypress 等 键盘 事件 。 下 列 程序 可 观察 键盘 


事件 。 
程序 (\jspweb 项 目 \WebRoot\ch02\smp012. html) 的 清单 : 


五 TML 基础 


贡 六 站 


JSP Web 技术 及 应 用 教程 ( 贫 2 版) 路 深 颖 





< htm] > 

< body> 

1 < input type= "text" value= "" size= "20" onKeydown = "alert( 'key is down');"><br> 
2 < input type= "text" value="" "size= "20" onKeyup = "alert('key is up');"><br> 

3 < input type= "text" value="" size= "20" onKeypress = "alert( 'key pressed');"> 
</body> 

</html > 


语句 1 表明 ,在 第 一 个 文本 框 按 下 键盘 上 的 某 个 键 , 便 发 生 onKeydown 事件 ,弹出 一 个 
alert 对 话 框 ,其 中 显示 key is down 信息 。 

语句 2 表明 ,在 第 二 个 文本 框 抬 起 某 个 键 , 便 发 生 onKeyup 事件 ,弹出 一 个 alert 对 话 
框 ,其 中 显示 key is up 信息 。 

语句 3 表明 ,在 第 三 个 文本 框 中 按 下 某 个 键 时 , 便 发 生 onKeypress 事件 ,弹出 一 个 
alert 对 话 框 ,其 中 显示 key pressed 信息 ,如 图 2-9 所 示 。 
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2-9 键盘 事件 测试 


通过 以 下 程序 可 对 文本 框 获取 或 失去 焦点 事件 进行 观察 。 
程序 (\jspweb 项 目 \WebRoot\ch02\smp013. html) 的 清单 : 


<html> 
<body> 

< input type = "text" value= "" name = "txt1" size= "20" 
1 onFocus = "alert('txtl is onfocus');" 
2 onBlur = "alert( 'txtl is onblur');"><br> 

< input type = "text" value= "" name = "txt2" size= "20" 
onFocus = "alert( 'txt2 is onfocus');" 
4 onBlur = "alert( 'txt2 is onblur'); "> 

</body> 

</html > 


程序 中 的 onFocus 和 onBlur 分 别 为 获得 焦点 和 失去 焦点 事件 。 

如 果 单 击 文本 框 txt1, 则 该 文本 框 便 获得 焦点 ,发 生 onFocus 事件 ,这 时 语句 1 弹出 一 
个 alert 对 话 框 ,其 中 显示 信息 txtl is onfocus 。 

如 果 单 击 文本 框 txt2, 则 将 发 生 两 个 事件 。 一 是 txt2 文本 框 获得 焦点 ; 二 是 txtl 失去 


焦点 。 这 时 语句 3 弹出 的 对 话 框 显示 txt2 is onfocus, 如 图 2-10 所 示 。 语 句 2 弹出 的 对 话 
框 显示 txtl is onblur。 它 们 都 是 模 态 对 话 框 , 即 只 有 关闭 先 弹出 的 对 话 框 后 ,才能 弹出 后 
一 个 对 话 框 。 
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图 2-10 文本 框 焦点 事件 测试 


3. 窗口 事件 

当 运 行 某 个 程序 时 ,将 发 生 加 载 (load) 事 件 。 当 某 个 程序 结束 运行 时 ,将 发 生 印 载 
(unload) 事 件 。 通 过 下 面 的 程序 可 以 对 这 两 个 事件 进行 观察 。 

程序 (\jspweb 项 目 \WebRoot\ch02\smp014. html) 的 清单 : 


<html> 
< body onUnload = "alert( ' 文 件 已 卸载 ')"; onload = "alert( ' 文 件 已 加 载 ')";> 
<br><h2 > 通过 打开 和 结束 本 程序 的 运行 <p> 
观看 加 载 和 印 载 事 件 </h2 >< br > 
</body> 
</html > 


程序 开始 运行 时 加 载 body, 发 生 onload 事件 ,弹出 的 对 话 框 显示 “文件 已 加 载 " 信 息 ， 
如 图 2-11 所 示 。 程 序 结束 时 印 载 body ,发生 onUnload 事件 ,弹出 的 对 话 框 显 示 “ 文 件 已 印 
载 ” 信 息 。 
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图 2-11 onload 事件 测试 


2.4 DIV 十 CSS 布局 


CSS(Cascading Style Sheet, 层 又 样 式 表 ) 是 用 于 控制 网 页 样式 并 允许 将 样式 信息 与 网 
页 内 容 分 离 的 一 种 标记 性 语言 ,可 对 布局 .字体 、 颜 色 、 背 景 和 其 他 图 文 效果 实现 更 加 精确 的 
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控制 。 它 只 需 通 过 修改 一 个 文件 就 可 以 改变 多 个 网 页 的 外 观 和 格式 。 很 多 博客 程序 都 是 采 
用 DIV 十 CSS 构架 。 这 种 内 容 和 样式 的 分 离 , 使 人 们 在 重 构 页 面 布局 或 更 换 外 观 的 时 候 ， 
只 需 针对 每 一 个 DIV 元 素 重 新 定义 其 具体 位 置 、 样 式 就 行 了 。 


2.4.1 CSS 样式 表 引 入 方法 


在 页 面 中 插入 样式 表 的 方法 有 内 部 样式 表 、 内 和 赃 样 式 表 、 链 入 外 部 样式 表 和 导入 外 部 样 
式 表 。 

1. 内 部 样式 表 

内 部 样式 表 是 把 样式 表 放 到 页 面 的 < head > 区 里 ,这 些 定义 的 样式 就 应 用 到 页 面 中 了 ， 
样式 表 是 用 < style > 标记 插入 的 ,从 下 例 中 可 以 看 出 < style > 标记 的 用 法 。 

程序 (\jspweb 项 目 \WebRoot\ch02\div_css\css01. html) 的 清单 , 


<html> 
< style type = "text/css"> 
Bs 
body{background: yellow;color = red; font - size = 9pt} 
hl { color: green; font ~ family: impact } 
p { background: yellow; font ~ family: courier } 
== 
</style> 
<head> 
<title> 第 一 个 CSS 样式 测试 </title> 
</head> 
<body> 
<hl>Stylesheets </hl > 
<p>I am your friends!</p> 
</body> 
</html > 


程序 运行 结果 如 图 2-12 所 示 。 
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图 2-12 内 部 样式 表 测试 


< style > 标记 中 的 body、hl、p 称 为 选择 符 , 页 面 中 植 入 样式 表 规 则 后 ,整个 HTML 页 
面 中 与 样式 定义 中 选择 符 一 致 的 HTML 标记 都 将 执行 该 样式 定义 的 规则 。 例 如 ,body 
{background: yellow;color 二 red; font-size 一 9pt} 指 定 了 全 文 的 文本 格式 。 

代码 TYPE 二 "text/css" 设 定 采 用 MIME 类 型 。MIME 用 于 描述 网 页 文件 类 型 ， 


"text/css" 表 示 该 网 页 文件 的 type 为 text( 文 本 ), 目 subtype 为 CSS( 层 和 至 样式 表 ) 。 

注释 标记 “<!-- ”-->” 更 为 重要 。 有 些 低 版 本 的 浏览 器 不 能 识别 < style > 标记 ,它们 会 
把 < style > 标记 里 的 内 容 以 文本 形式 直接 显示 到 页 面 上 。 为 了 避免 这 样 的 情况 发 生 , 采 用 
HTML 注释 的 方式 (<!-- 注释 ->) ,隐藏 内 容 而 不 让 它 显 示 。 

2. 内 嵌 样 式 表 

内 府 样 式 表 是 混合 在 HTML 标记 里 使 用 的 ,可 以 很 简单 地 对 某 个 元 素 单独 定义 样式 。 
内 嵌 样 式 表 的 使 用 是 直接 在 某 个 HTML 标记 里 加 入 style 参数 ,而 style 参数 的 内 容 就 是 
CSS 的 属性 和 值 。 

程序 (\jspweb 项 目 \WebRoot\ch02\div_css\css02. html) 的 清单 : 


<html> 
<head> 
<title>DIV+ CSS 测试 示例 </title> 
</head> 
<body> 
<hl style = "color: orange; font - family: impact"> Stylesheets </hl > 
<p style = "color: sienna; margin - left: 20px"> 这 是 一 个 段落 </p> 
</body> 
</html > 


程序 运行 结果 如 图 2-13 所 示 。 
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图 2-13 内 赂 样式 测试 


style 参数 可 以 应 用 于 任意 body 内 的 元 素 ( 包 括 body 本 身 ) ,除了 basefont、param 和 
script, 在 style 参数 后 面 引 号 里 的 内 容 相 当 于 在 样式 表 大 括号 里 的 内 容 , 这 时 无 须 在 
HTML 顶部 加 入 样式 表 代 码 。 加 入 行内 的 样式 表 属 性 将 使 浏览 器 同样 执行 样式 表 规 则 。 
该 方法 的 不 方便 之 处 在 于 : 必须 在 每 行 指令 中 都 加 入 样式 规则 ,否则 下 一 行 时 浏览 器 将 转 
回 到 文件 的 默认 设置 。 

3. 链 人 外 部 样式 表 

这 是 样式 表 功 能 发 挥 得 淋漓 尽 致 的 地 方 ,可 以 将 多 个 HTML 文件 都 链接 到 一 个 中 心 
样式 表 文 件 。 这 个 外 部 的 样式 表 文 件 将 设 定 所 有 网 页 的 规则 。 如 果 改 变 了 样式 表 文 件 中 的 
某 一 细节 ,所 有 页 面 都 会 随 之 改变 。 如 果 需 要 维护 的 站 点 很 大 , 则 这 项 功能 绝对 会 有 其 用 武 
之 地 。 

链 入 外 部 样式 表 是 把 样式 表 保 存 为 一 个 样式 表 文 件 , 然 后 在 页 面 中 用 < link > 标记 链接 
到 这 个 样式 表 文 件 , 这 个 < link > 标记 必须 放 到 页 面 的 < head > 区 内 。 它 的 使 用 方法 介绍 
如 下 。 
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首先 生成 一 个 样式 表 文 件 , 如 mystyles. css。 文 件 内 容 如 下 : 


hl { color: green; font ~ family: impact } 
p { background: yellow; font - family: courier } 


然后 ,如 同 发 布 HTML 文件 那样 ,将 这 个 CSS 文件 部 署 在 服务 器 中 。 
接着 ,在 < head > 内 使 用 < link > 标记 链 入 外 部 样式 表 。 
程序 (\jspweb 项 目 \WebRoot\ch02\div_css\css03. html) 的 清单 : 


<html> 
<head> 
<title> DIV+ CSS 测试 示例 </title> 
< link rel = stylesheet href = "../css/mystyles. css" type= "text/css"> 
</head> 
<body> 
< hl > Stylesheets </hl > 
<p>I am your friends!</p> 
</body> 
</html > 


程序 运行 结果 如 图 2-14 所 示 。 
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图 2-14 链 入 外 部 样式 表 测试 


程序 中 < link > 标记 的 含义 是 以 文档 格式 读 取 文件 夹 css 中 的 mystyles. css 样式 文件 。 
rel 一 stylesheet 指 的 是 这 个 link 和 其 href 所 定义 的 文件 关联 ,这 里 指出 这 个 href 文件 是 样 
式 表 文件 。type 二 "text/css" 是 指 文件 的 类 型 是 样式 表 文本 。href 二 "../css/mystyles. css" 
是 关联 文件 所 在 的 位 置 , 表 示 所 关联 的 样式 文件 位 于 相对 于 本 页 面 文件 css03. html 的 上 
一 级 路 径 下 的 文件 夹 css 中 (*..” 表 示 上 一 级 路 径 , 这 里 采用 的 是 相对 路 径 表 示 方 式 )。 

在 浏览 器 中 观看 网 页 时 ,会 发 现 浏览 器 将 所 有 链接 了 外 部 样式 表 的 HTML 网 页 都 按 
照样 式 表 的 规则 显示 ,在 href 属性 中 可 以 选择 使 用 绝对 或 相对 URL。 

4. 导 人 外 部 样式 表 

导入 外 部 样式 表 是 指 在 内 部 样式 表 的 < style > 里 导入 一 个 外 部 样式 表 , 这 种 方法 的 好 
处 是 可 与 网 页 的 内 部 样式 共存 。 导 入 时 用 @import。 

注意 : 导入 外 部 样式 表 必 须 在 样式 表 的 开始 部 分 ,在 其 他 内 部 样式 表 前 面 。 

程序 (jspweb 项 目 \WebRoot\ch02\div_css\css04. html) 的 清单 : 


< html > 
< head> 
< style type = "text/css"> 
i 
@import url("../css/mystyles. css" ); 
hl{ color:red; font ~ family: impact} 
==> 
</style> 
<title> My First Stylesheet </title> 
</head> 
<body> 
<hl> Stylesheets </hl > 
<p>I anm your friends!</p> 
</body> 
</html> 


程序 运行 结果 如 图 2-15 所 示 。 在 本 例 中 ,浏览 器 首先 导入 外 部 样式 文件 mystyles. css 
的 规则 ,然后 加 入 内 部 的 样式 规则 ,从 而 为 这 个 网 页 产生 规则 集合 。 注 意 ,对 于 hl 在 外 部 样 
式 表 文件 和 内 部 的 样式 表 中 都 设 定 了 规则 。 在 两 者 冲突 的 情况 下 ,内 部 的 规则 将 占 上 风 。 
所 以 文字 显示 红色 ,而 不 是 绿色 。 
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图 2-15 导入 外 部 样式 表 测 试 


可 以 导入 多 个 外 部 样式 表 , 也 可 以 按照 自己 的 喜好 使 用 内 部 样式 表 , 内 部 样式 表 优 先 于 
导入 的 外 部 样式 表 。 


2.4.2 CSS 语法 


1. 基本 语法 
CSS 的 定义 是 由 selector( 选 择 符 )、properties( 属 性 ) 和 value( 属 性 的 取 值 ) 三 个 部 分 构 
成 。 其 基本 格式 如 下 : 


selector {property: value} 


选择 符 可 以 是 多 种 形式 ,一般 是 要 定义 样式 的 HTML 标记 ,如 body、p、table 等 。 如 果 
需要 对 一 个 选择 符 指 定 多 个 属性 时 . 则 使 用 分 号 将 所 有 的 属性 和 值 分 开 : 


selector {propertyl : valuel; property2: value2} 
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2. 选择 符 类 型 

1) HTML 标记 选择 符 

对 于 要 定义 样式 的 HTML 标记 ,如 body、p、table 等 。 可 以 通过 此 方法 定义 它 的 属性 
和 值 , 属 性 和 值 要 用 冒号 隔 开 : 








body {color: black} 


2) 类 (class) 选 择 符 

使 用 类 选择 符 ,能 够 把 相同 类 型 的 元 素 分 类 定义 不 同 的 样式 。 定 义 类 选择 符 时 ,在 元 素 
类 型 和 类 选择 符 名 称 之 间 加 一 个 点 号 。 假 如 想 要 两 个 不 同 的 段落 ,一 个 段落 向 右 对 齐 ,一 个 
段落 居中 ,可 以 先 定义 两 个 类 选择 符 : 


p. right {text ~ align: right} 
Pp. center {text ~ align: center} 


应 用 时 ,只 要 在 HTML 标记 里 加 入 已 定义 的 class 参数 即 可 


<p class = "right"> 这 个 段落 向 右 对 齐 的 </p> 
<p class = "center"> 这 个 段落 是 居中 排列 的 </p> 


这 里 ,类 的 名 称 可 以 是 任意 英文 单词 或 以 英文 开头 与 数字 的 组 合 , 一 般 以 其 功能 和 效果 
简要 命名 。 

类 选择 符 还 有 一 种 用 法 ,在 选择 符 中 省 略 HTML 标记 ,这 样 可 以 把 几 个 不 同类 型 的 元 
素 定义 成 相同 的 样式 : 


.Center {text - align: center} 


这 种 省 略 HTML 标记 的 类 选择 符 也 是 最 常用 的 CSS 用 法 ,使 用 这 种 方法 可 以 很 方便 
地 在 任意 元 素 上 套用 预先 定义 好 的 类 样式 。 

3) ID 选择 符 

因为 每 个 文档 中 元 素 的 ID 属性 值 是 唯一 的 ,通过 为 一 个 文档 中 的 元 素 赋予 唯一 的 ID 
属性 ,可 以 控制 这 个 元 素 的 样式 。 

要 注意 的 是 ,ID 选择 符 局 限 性 很 大 ,只 能 单独 定义 某 个 元 素 的 样式 ,一般 只 在 特殊 情况 
下 使 用 。 

定义 ID 选择 符 要 在 ID 名 称 前 加 上 一 个 “#” 号 。 定 义 ID 选择 符 的 属性 有 两 种 方法 。 

下 面 例句 定义 了 一 个 ID 选择 符 : 字体 尺寸 为 默认 尺寸 的 110%; 粗 体 ; 蓝 色 ; 背景 颜 
色 透 明 。ID 属性 将 匹配 ID= "intro" 的 元 素 : 





# intro { font- size:110% ; font — weight: bold; color: #0000ff; 
background - color: transparent } 


在 HTML 页 面 中 ID 参数 指定 了 某 个 单一 元 素 .,ID 选择 符 则 用 来 对 这 个 单一 元 素 定义 
单独 的 样式 : 


<p id = "intro"> 这 个 段落 向 右 对 齐 </p> 
下 面 例句 中 ,ID 属性 只 匹配 ID= 王 "intro" 的 段落 (P) 元 素 : 


p#intro { font— size:110g% ; font — weight: bold; color: #0000ff; 
background - color: transparent } 


从 概念 上 说 ,ID 是 先 找 到 元 素 内 容 , 再 给 它 定义 样式 ; class 是 先 定义 好 一 种 样式 ,再 套 
给 多 个 元 素 内 容 。 

一 个 ID 在 页 面 中 只 可 以 使 用 一 次 。 如 果 一 个 ID 使 用 了 多 次 , 当 需 要 用 JavaScript 通 
过 这 个 ID 来 控制 div 时 , 那 就 会 出 现 错误 。 

4) 选择 符 组 

选择 符 组 是 把 相同 属性 和 值 的 选择 符 组 合 起 来 书写 ,用 逗号 将 选择 符 分 开 , 这 样 可 以 减 
少 样式 重复 定义 : 


P,table{ font - size:5pt } <-- (段落 和 表格 里 的 文字 尺寸 为 5 号 字 ) --> 


效果 完全 等 同 于 : 


p { font— size:5pt } 
table { font ~ size:5pt } 


5) 包含 选择 符 

可 以 单独 对 具有 包含 关系 的 元 素 定义 样式 表 。 例 如 ,元 素 1 中 包含 元 素 2, 这 种 定义 方 
式 仅 对 包含 在 元 素 1 中 元 素 2 的 样式 起 作用 ,对 单独 的 元 素 1 或 元 素 2 无 效 。 

当 仅 想 对 某 一 个 对 象 中 的 子 对 象 进行 样式 指定 时 ,包含 选择 符 就 派 上 了 用 场 。 包 含 选 
择 符 要 求 选择 符 组 合 中 前 一 个 对 象 包含 后 一 个 对 象 ,对 象 之 间 使 用 空格 作为 分 隔 符 。 

例如 ,对 hl 下 面 的 span 进行 样式 定义 : 


hl span{ font - weight:bold; font- size:7px} 
HTML 语句 如 下 : 


< hl > Java 程序 设计 < span > IT 技术 博客 </span></hl > 
<hl > 热爱 IT 技术 </hl > 

<span> 打 造 属 于 自己 的 网 站 </span> 

< h2 > CSS < span ></span > 样式 语法 </h2 > 


<hl > 标记 之 下 的 < span > 标记 将 被 应 用 font-weight:bold; font-size:7px 的 样式 设置 。 
注意 ,该 样式 仅仅 对 有 此 结构 的 标记 有 效 , 对 于 单独 存在 的 < hl > 或 单独 存在 的 < span > 及 
其 他 非 < hl > 标记 下 属 的 < span > 均 不 会 应 用 此 样式 。 这 样 做 能 够 避免 过 多 的 id 及 class 的 
设置 。 包 含 选择 符 除 了 可 以 两 者 包含 ,也 可 以 多 级 包含 。 

3. 样式 表 的 层 琶 性 

层 全 性 就 是 继承 性 。 样 式 表 的 继承 规则 是 外 部 的 元 素 样式 会 保留 下 来 继承 给 这 个 元 素 
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所 包含 的 其 他 元 素 。 事 实 上 ,所 有 在 元 素 中 嵌 套 的 元 素 都 会 继承 外 层 元 素 指定 的 属性 值 ,有 
时 会 把 很 多 层 嵌 套 的 样式 三 加 在 一 起 。 例 如 ,在 < div > 标记 中 赃 套 <p > 标记 : 


div { color: red; font- size:6pt} 
<div> 


<p> 这 个 段落 的 文字 为 红色 6 号 字 </p> 


</div> 


这 里 的 <p > 标记 里 的 内 容 会 继承 DIV 定义 的 样式 属性 。 

有 些 情 况 下 内 部 选择 符 不 继承 周围 选择 符 的 值 ,但 理论 上 这 些 都 是 特殊 的 。 例 如 ,上 边 
界 属性 值 是 不 会 继承 的 ,因为 直觉 上 ,一 个 段落 不 会 同文 档 body 有 一 样 的 上 边界 值 。 

另外 , 当 样式 表 继 承 遇 到 冲突 时 ,总 是 以 最 后 定义 的 样式 为 准 。 如 果 上 例 中 定义 了 p 的 
颜色 : 


div { color: red; font ~ size:6pt} 
Pp {color: blue} 
<div> 
<p> 这 个 段落 的 文字 为 蓝 色 6 号 字 </p> 


</div> 


可 以 看 到 ,段落 里 的 文字 大 小 为 6 号 字 是 继承 了 div 属性 ,而 color 属性 则 是 依照 最 后 定义 
的 样式 。 

不 同 的 选择 符 定义 相同 的 元 素 时 ,要 考虑 到 不 同 的 选择 符 之 间 的 优先 级 。 对 于 ID 选择 
符 、 类 选择 符 和 HTML 标记 选择 符 而 言 , 因 为 ID 选择 符 是 最 后 加 到 元 素 上 的 ,所 以 优先 级 
最 高 ,类 选择 符 次 之 。 优 先 级 由 高 到 低 的 顺序 为 : 

内 蔡 样 式 表 的 样式 ID 选择 符 一 类 选择 符 一 HTML 标记 选择 符 。 

如 果 想 超越 这 三 者 之 间 的 关系 ,可 以 用 “1!important” 提 升 样式 表 的 优先 权 。 

程序 (\jspweb 项 目 \WebRoot\ch02\div_css\css05. html) 的 清单 : 


<html> 
<head> 
<title> DIVCSS 测试 </title> 
<style type = "text/css"> 
Pp { color: #FF0000 ! important} 
.blue { color: #0000FF} 
井 idl { color: 间 #00FF00} 
</style> 
</head> 
<body> 
<p id= "idl" class = "blue"> 这 里 显示 红颜 色 </p> 
</body> 
</html > 


该 HTML 文件 同时 对 页 面 中 的 一 个 段落 加 上 三 种 样式 , 它 最 后 会 依照 被 “!important” 
提升 级 别 的 HTML 标记 选择 符 样式 为 红色 文字 。 如 果 去 掉 “!important”, 此 时 ,Pp 为 


HTML 标记 选择 符 ,级别 最 低 ,在 这 三 个 选择 符 中 #idl 为 ID 选择 符 ,优先 权 最 高 ,所 以 文 
字 颜 色 将 为 绿色 。 

4. 特殊 选择 符 一 一 伪 类 

伪 类 (pseudo-class) 用 于 向 某 些 选择 器 添加 特殊 的 效果 ,可 以 把 它 看 作 是 一 种 特殊 的 类 
选择 符 , 是 能 被 支持 CSS 的 浏览 器 所 自动 识别 的 特殊 选择 符 。 伪 类 可 以 用 于 文档 状态 的 改 
变 ,动态 的 事件 等 ,如 用 户 的 鼠标 点 击 某 个 元 素 . 未 被 访问 的 链接 。 在 支持 CSS 的 浏览 器 
中 ,链接 的 不 同 状态 都 可 以 不 同 的 方式 显示 。CSS 伪 类 选择 符 只 能 作用 于 超 链 接 (<a >) ,分 
别 有 a:link、a:visited、a:hover、a:active、a:focus 五 个 伪 类 。 

1) 伪 类 语法 

伪 类 是 在 原 有 语法 里 加 上 一 个 伪 类 : 


selector : pseudo - class {property: value} 


CSS 类 也 可 与 伪 类 搭配 使 用 : 


selector. class : pseudo ~ class {property: value} 


伪 类 和 类 不 同 , 伪 类 是 CSS 已 经 定义 好 的 ,不 能 像 类 选择 符 一 样 随意 用 别 的 名 字 , 伪 类 
的 语法 可 以 解释 为 对 象 ( 选 择 符 ) 在 某 个 特殊 状态 下 ( 伪 类 ) 的 样式 。 

2) 锚 (< a > 标记) 的 伪 类 一 一 动态 链接 

超 链接 标记 < a > 也 称 为 锚 。 最 常用 的 是 4 种 a( 锚 ) 元 素 的 伪 类 , 它 表示 动态 链接 的 4 
种 不 同 状态 。 用 link 、visited 、active、hover 表示 未 访问 的 链接 .已 访问 的 链接 .激活 链接 和 
鼠标 停留 在 链接 上 。 下 面 为 它们 分 别 定义 不 同 的 效果 : 


a:link {color: #FF0000; text - decoration: none } /* 未 访问 的 链接 * / 
a:visited {color: #00FF00; text - decoration: none} /x* 已 访问 的 链接 * / 
a:active {color: # 0000FF; text - decoration: underline} /* 激活 链接 * / 

a:hover {color: #FFOOFF; text - decoration: underline} /* 鼠标 停留 在 链接 上 * / 


注意 : 有 时 ,这 个 链接 访问 前 鼠标 指向 链接 时 有 效果 ,而 链接 访问 后 鼠标 再 次 指向 链接 
时 却 无 效果 了 。 这 是 因为 把 a:hover 放 在 了 a:visited 的 前 面 ,由 于 后 面 的 优先 级 高 , 当 访 问 
链接 后 就 忽略 了 a:hover 的 效果 。 在 定义 这 些 链接 样式 时 ,一 定 要 按照 a:link、a:visited、a: 
hover、a:active 的 顺序 书写 。 

3) 锚 的 伪 类 一 一 类 选择 符 动态 链接 

将 伪 类 和 类 组 合 起 来 使 用 ,就 可 以 在 同一 个 页 面 中 做 几 组 不 同 的 链接 效果 。 例 如 ,定义 
一 组 链接 为 红色 ,访问 后 为 蓝 色 ; 另 一 组 为 绿色 ,访问 后 为 黄色 : 


a. red:link {color: #FF0000} 
a. red:visited {color: #0000FF} 
a. blue:link {color: #00FF00} 
a. blue:visited {color: #FFOOFF} 
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现在 应 用 在 不 同 的 链接 上 : 


<a class= "red" href ="…"> 这 是 第 一 组 链接 </a> 
<a class = "blue" href = "…"> 这 是 第 二 组 链接 </a> 


4) 其 他 伪 类 

CSS 还 定义 了 首 字 和 首 行 (first-letter 和 first-line) 的 伪 类 ,可 以 对 元 素 的 首 字 或 首 行 
设 定 不 同 的 样式 。 

例如 ,可 以 在 段落 标记 里 定义 文本 首 字 尺寸 为 默认 大 小 的 3 倍 : 


< style type = "text/css"> 
pi:first ~ letter {font ~ size: 300%} 
</style> 


再 定义 一 个 首 行 样式 的 实例 : 


< style type= "text/css"> 
div:first- line {color: red} 
</style> 


如 果 段 落 中 有 多 行 ,那么 第 一 行为 红色 ,第 二 行 .第 三 行为 默认 颜色 。 
2.4.3 DIV 十 CSS 布局 


1. DIV 十 CSS 布局 的 基本 概念 

常用 的 网 页 布局 方式 有 表格 布局 .DIV 十 CSS 布局 和 框架 布局 等 。 

表格 布局 容易 掌握 ,布局 方便 。 但 表格 布局 需要 通过 表格 的 间距 或 使 用 透明 的 GIF 图 
片 来 填充 布局 板块 间 的 间距 ,这 样 布局 的 网 页 中 的 表格 会 生成 大 量 难以 阅读 和 维护 的 代码 ; 
而 且 表 格 布局 的 网 页 要 等 整个 表格 下 载 完 毕 后 才能 显示 所 有 内 容 , 所 以 表格 布局 浏览 速度 
较 慢 。 

DIV 十 CSS 布局 采用 DIV 来 定位 ,用 CSS 控制 层 的 位 置 和 样式 ,通过 DIV 的 border 
(边框 ) .padding( 填 充 )、margin( 边 界 ) 和 float( 浮 动 ) 等 属性 来 控制 板块 的 间距 ,实现 精确 和 
自 适应 的 层 布局 。 具 体 实施 是 通过 创建 < div > 标记 并 对 其 应 用 CSS 定位 及 浮动 属性 来 实 
现 的 。 DIV 十 CSS 布局 需要 编写 CSS 样式 代码 来 控制 各 布局 DIV 层 , 因 此 要 掌握 它 相 对 表 
格 布局 会 困难 一 些 。 但 DIV 十 CSS 布局 较 表格 布局 更 加 灵活 实用 ,网 站 布局 后 很 容易 就 能 
调整 网 站 的 布局 结构 ; 而 且 DIV 十 CSS 布局 的 各 布局 DIV 层 可 以 依次 下 载 显 示 , 因 此 其 访 
问 速度 较 表格 布局 要 快 。 

对 于 初学 网 站 制作 的 人 员 来 讲 ,应 该 先 学 好 表格 布局 。 对 于 小 型 网 站 可 以 选用 表格 布 
局 ; 对 于 大 型 网 站 ,由 于 模块 较 多 ,为 了 提高 网 站 的 访问 速度 ,应 该 优先 选用 DIV 十 CSS 布 
局 。 对 于 遵循 Web 2. 0 技术 建站 的 网 站 也 应 该 选择 DIV 十 CSS 布局 。 

和 其 他 HTML 标记 一 样 ,DIV 也 是 一 个 HTML 标记 。< div > 标记 可 定义 文档 中 的 分 
区 或 节 , 如 果 单 独 使 用 DIV 而 不 加 任何 CSS, 则 与 < p >…</p > 的 效果 一 样 ,所 以 只 有 DIV 
与 CSS 同时 使 用 才能 产生 非常 好 的 效果 。 





例如 ,将 文档 中 的 一 个 部 分 显示 为 绿色 : 


<div style= "color: #00FF00"> 
<h3>This is a header </h3> 
<p>This is a paragraph.</p> 
</div> 


< div > 标记 把 文档 分 割 为 独立 的 部 分 。 它 可 以 用 作 严 格 的 组 织 工具 ,并 且 不 使 用 任何 
格式 与 其 关联 。 如 果 用 id 或 class 来 标记 < div >, 那 么 该 标记 的 作用 会 变 得 更 加 有 效 。 

< div > 是 一 个 块 级 元 素 。 这 意味 着 它 的 内 容 自 动 地 开始 一 个 新 行 。 实 际 上 ,换行 是 
< div > 固有 的 唯一 格式 表现 。 可 以 通过 < div > 的 class 或 id 应 用 额外 的 样式 。 

DIV 本 身 就 是 容器 性 质 的 ,不 但 可 以 内 嵌 table, 还 可 以 内 嵌 文 本 和 其 他 的 HTML 代码 。 
但 < div > 标记 不 能 嵌 套 在 段落 标记 <p > 中 ,如 “<p>aa<div>bb</div>cc</p>” 的 结果 是 
不 确定 的 。 

可 以 对 同一 个 < div > 元 素 应 用 class 或 id 属性 ,但 是 更 常见 的 情况 是 只 应 用 其 中 一 种 。 
这 两 者 的 主要 差异 是 ,class 用 于 元 素 组 (类 似 的 元 素 , 或 可 以 理解 为 某 一 类 元 素 ), 而 id 用 
于 标识 单独 的 唯一 的 元 素 。 

在 DIV 二 CSS 布局 中 ,DIV 承载 的 是 内 容 , 而 CSS 承载 的 是 样式 。 随 着 学 习 , 会 发 现 
DIV 十 CSS 的 优点 实在 是 太 明显 了 。 

2. DIV 元 素 的 盒子 模型 

每 个 DIV 元 素 都 可 以 看 作 一 个 装 了 东西 的 盒子 ,盒子 具有 宽度 (width) 和 高 度 
(Cheight) ,盒子 里 面 的 内 容 到 盒子 的 边框 之 间 的 距离 即 填充 (padding) ,盒子 本 身 有 边框 
(border) ,而 盒子 边框 外 和 其 他 盒子 之 间 ,还 有 边界 (margin) ,如 图 2-16 所 示 。 





margin-top 





padding-top 


margin-right 


margin-left 
padding-left 





padding-bottom 


margin-bottom 











2-16 DIV 元 素 盒子 模型 


margin 表示 DIV 的 外 边 距 。 外 边 距 顺 序 依次 是 上 、 布 \、 下 、 左 : margin-top、 margin- 
right、margin-bottom、margin-left。 例 如 , {margin:2em 4em})、{margin-left:-200px})。 

padding 表示 DIV 的 内 边 距 。 内 边 距 指 内 边框 与 内 容 之 间 的 距离 ,顺序 依次 是 上 、 右 、 
下 \ 左 : padding-top、padding-right、padding-bottom、padding-left。DIV 元 素 边框 的 意义 如 
图 2-17 所 示 。 
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图 2-17 DIV 元 素 边框 示意 图 


2.4.4 DIV 十 CSS 布局 定位 


1. 定位 属性 

在 DIV 十 CSS 布局 中 ,position( 定 位 属性 ) 就 是 用 来 指定 元 素 的 位 置 ,可 控制 任何 网 页 
元 素 在 浏览 器 窗口 中 的 位 置 。 很 多 容器 的 定位 都 是 用 position 来 完成 的 。 

position 属性 有 4 个 可 选 值 ,它们 分 别 是 静态 定位 (static) ,绝对 定位 (absolute) 、 相 对 定 
位 (relative) 和 固定 定位 (fixed) 。 

常用 也 实用 的 两 个 定位 方法 是 绝对 定位 和 相对 定位 。 现 将 DIV 布局 position 属性 的 
取 值 意义 说 明 如 下 。 

1) position: static 静态 定位 

该 属性 值 是 所 有 元 素 定位 的 默认 情况 ,一 般 情况 下 不 需要 特别 去 声明 它 。 有 时 候 遇 到 
继承 的 情况 ,不 希望 元 素 所 继承 的 属性 影响 本 身 , 这 时 就 可 以 用 position: static 取消 继承 ， 
即 还 原 元 素 定 位 的 默认 值 。 

例如 : 


#nav{position: static;} 


2) position: absolute 绝对 定位 

绝对 定位 的 对 象 参 考 目标 是 它 的 父 级 ( 称 为 包含 块 )。 它 能 够 准确 地 将 元 素 移动 到 想 要 
的 位 置 。 它 将 被 赋予 此 定位 方法 的 对 象 从 文档 流 中 拖 出 ,使 用 left、right、top、bottom 等 属 
性 相对 于 其 最 接近 的 一 个 有 定位 设置 的 父 级 对 象 进行 绝 对 定位 。 如 果 对 象 的 父 级 没有 设置 
定位 属性 , 则 依据 body 对 象 左上 角 作 为 参考 进行 定位 。 

绝对 定位 对 象 可 层 和 至 , 层 至 顺序 可 通过 z-index 属性 控制 ,z-index 值 为 无 单位 的 整数 ， 
大 的 在 最 上 面 , 可 以 有 负 值 。 

3) position : relative 相对 定位 

相对 定位 对 象 不 可 层 到 ,相对 于 对 象 本 身 偏 移 定位 。 它 使 用 top .bottom \left right 四 
个 数值 配合 ,来 明确 元 素 在 正常 文档 流 中 偏 移 自 身 所 在 的 位 置 ,同样 可 以 用 z-index 分 层 设 
计 。 例 如 ,如 果 要 让 nav 层 向 下 移动 20px, 左 移 40px, 则 可 以 这 样 写 : 





#nav{position:relative; top:20px; left:40px;} 


相对 定位 一 个 最 大 特点 是 : 自己 通过 定位 跑 开 了 ,但 还 占用 着 原来 的 位 置 ,不 会 让 给 它 
周围 的 诸如 文本 流 之 类 的 对 象 。 

4) position: fixed 相对 于 窗口 的 固定 定位 

这 个 定位 方式 同 absolute 类 似 , 但 它 的 包含 块 是 视 区 本 身 而 并 非 是 body 或 是 父 级 元 
素 。 在 浏览 器 中 ,元 素 在 文档 滚动 时 不 会 在 浏览 器 视 框 中 移动 。 

例如 ,要 让 一 个 广告 元 素 随 着 网 页 的 滚动 而 不 断 改变 自己 的 位 置 ,就 可 以 通过 CSS 中 
的 一 个 定位 属性 来 实现 这 样 的 效果 ,这 个 元 素 属 性 就 是 position:fixed。 这 个 固定 定位 与 绝 
对 定位 很 像 ,唯一 不 同 的 是 绝对 定位 是 被 固定 在 网 页 中 的 某 一 个 位 置 ,而 固定 定位 则 是 固定 
在 浏览 器 的 视 框 位 置 。 

2. 漂浮 属性 

CSS 网 页 布局 的 原理 ,就 是 按照 HTML 代码 中 对 象 声 明 的 顺序 ,以 流 布局 的 方式 来 显 
示 ,而 流 布 局 就 涉及 float 浮动 技术 。 其 实 CSS 的 float 属性 的 作用 就 是 改变 块 元 素 (block 
element) 对 象 的 默认 显示 方式 。block 对 象 设置 了 float 属性 之 后 ,将 不 再 独自 占据 一 行 ,可 
以 浮动 到 左 侧 或 右 侧 。 

浮动 的 框 可 以 向 左 或 向 右 移 动 ,直到 它 的 外 边缘 磁 到 包含 框 或 另 一 个 浮动 框 的 边框 为 
止 。 由 于 浮动 框 不 在 文档 的 普通 流 中 ,所 以 文档 的 普通 流 中 的 块 框 表现 得 就 像 浮 动 框 不 存 
在 一 样 。 浮 动 框 的 示例 程序 如 下 。 

程序 (\jspweb 项 目 \WebRoot\ch02\div_css\css06. html) 的 清单 : 


< html > 
< head> 
<title>DIV- CSS- FLOMT 示例 </title> 
< style type = "text/css"> 

<!-- 

QD #columnl{width:80;border:1px solid #FF0000} 
#column2{width:80;border:1px solid #00FF00} 
#column3{width:80;border:1px solid #00FOFF} 

--> 

</style> 

</head> 

<body> 
<div id= "column1"> 这 里 是 第 一 个 DIV</div> 
<div id= "column2"> 这 里 是 第 二 个 DIV</div> 
<div id= "column3"> 这 里 是 第 三 个 DIV</div> 

</body> 

</html > 


程序 运行 结果 如 图 2-18 所 示 。 
当 将 语句 四 修改 为 : # columnl {float: right; width: 80;border: lpx solid #FF0000} 
时 , 则 将 “ 框 1” 向 右 漂浮 后 ,“ 框 1? 在 流 中 的 位 置 空 出 ,后 边 的 流向 上 顺 移 ,显示 效果 如 
图 2-19 所 示 。 
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2-19 “ 框 1” 漂 浮 至 右边 后 的 流 布局 效果 


当 将 语句 修改 为 # column1 {float:left;width:80;border:1px solid #FF0000}, 则 将 








向 左 漂浮 ,此 时 的 排列 效果 如 图 2-20 所 示 。 
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图 2-20 DIV1 漂浮 至 左边 后 的 流 布 局 效果 


float 属性 定义 元 素 向 哪个 方向 浮动 。 以 往 这 个 属性 总 应 用 于 图 像 , 使 文本 围绕 在 图 像 
周围 ,不 过 在 CSS 中 ,任何 元 素 都 可 以 浮动 。 浮 动 元 素 会 生成 一 个 块 级 框 ,而 不 论 它 本 身 是 


何 种 元 素 。 


当 设 置 float 属性 时 , 它 所 在 的 物理 位 置 已 经 脱离 文档 流 了 ,但 是 大 多 时 候 人 们 和 希望 文 
档 流 能 识别 float( 浮 动 ) ,或 者 是 希望 浮动 后 面 的 元 素 不 被 浮动 所 影响 ,保留 “漂浮 ?元 素 的 
占 位 ,这 个 时 候 就 需要 用 “clear:both;” 来 清除 飘浮 影响 。 这 里 的 clear 可 理解 为 清除 周围 元 
素 因 漂浮 而 “ 腾 出 ”它们 在 文档 流 中 的 位 置 而 对 本 元 素 占 位 所 造成 影响 ,也 就 是 将 周围 元 
素 因 "漂浮 ”而 被 文档 流 * 清 空 ? 的 占 位 复原 。clear 属性 的 设置 关系 到 本 元 素 应 该 在 何 处 


显示 。 


从 以 下 代码 片段 可 以 理解 clear 清除 漂浮 的 意义 : 


<div style= "float:left;width:80;"> 第 一 个 DIV</div> 
<div style= "float:right;width:80;"> 第 二 个 DIV</div> 


<div style = "width:80;"> 第 三 个 DIV</div> 


DIV1 向 左 漂浮 ,DIV2 向 右 漂 浮 ,DIV1 和 DIV2 均 不 再 在 文档 流 中 “ 占 位 ”, 结 果 是 ， 


DIV3 上 移 到 第 一 行 ,如 图 2-21 所 示 。 


<div style = "float:left;width:80;"> 第 一 个 DIV</div> 
<div style= "float:right;width:80;"> 第 二 个 DIV</div> 
<div style = "clear:left;width:80;"> 第 三 个 DIV</div> 


DIV1 向 左 漂浮 ,DIV2 向 右 漂 浮 ,DIV1 和 DIV2 起 先 不 再 “ 占 位 ”, 但 DIV3 将 左边 漂浮 
效果 清除 ,因此 导致 DIV1 仍旧 “ 占 位 ”,DIV3 只 好 下 移 一 行 。 显 示 结 果 如 图 2-22 所 示 。 
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第 一 个 DIV 第 二 个 DIV 
第 一 个 DIV 第 三 个 DIV 第 二 个 DIV - 第 三 个 DIV 
Iternet [EEC 了 a 本 
2-21 因 DIV1 和 DIV2 漂浮 ,致使 DIV3 图 2-22 DIV3 将 左边 漂浮 效果 清除 ， 
上 移 了 两 行 DIV1 仍旧 * 占 位 ” 


<div style= "width:80;"> 第 一 个 DIV</div> 
< div style= "float:right;width:80;"> 第 二 个 DIV</div> 
<div style= "width:80;"> 第 三 个 DIV</div> 


DIV2 向 右 漂 浮 ,不 再 “ 占 位 ”,DIV2 原始 位 置 空 出 ,DIV3 挪 至 该 位 置 ,如 图 2-23 所 示 。 
<div style = "width:80;"> 第 一 个 DIV</div> 


< div style = "float:right;width:80;"> 第 二 个 DIV</div> 
< div style = "clear:right;width:80;"> 第 三 个 DIV</div> 


DIV3 将 右边 漂浮 效果 清除 ,DIV2 仍旧 “ 占 位 ”,DIV3 只 好 下 移 一 行 ,如 图 2-24 所 示 。 
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图 2-23 DIV2 向 右 漂浮 ,DIV2 不 再 “ 占 位 ” 2-24 DIV3 右边 漂浮 效果 被 清除 ， 
DIV2 仍旧 “ 占 位 ” 


float 是 相对 定位 的 ,会 随 着 浏览 器 的 大 小 和 分 辩 率 的 变化 而 改变 ,而 position 就 不 行 
了 ,所 以 一 般 情况 下 还 是 采用 float 布局 。 

3. DIV 十 CSS 布局 定位 实例 

程序 (\jspweb 项 目 \WebRoot\ch02\div_css\css07. html) 的 清单 : 


< htm]l > 
< head> 
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<title> DIV+ CSS 示例 </title> 
< style type = "text/css"> 


从 
p.fl{float:left;width:100px;} 
p.f2{float:left;width:100px;} 
p.f3{clear:both;width:100px;} 
#wrapl{height:auto;} 
#columnl{float:left; width:80;border:1px solid #F00} 
#column2{float:right; width:80;border:1px solid #00FF00} 
#column3{clear:both; width:150;border:1px solid # 00FOFF} 
间 wrap2{position:relative; /x 相对 定位 * /width:770px;} 
#colml{position:absolute; top:0; left:0; width:100px;border:1px solid #7F00} 
#colm2{position:absolute; top:0; right:50; width:300px;border:1px solid #2F00} 
= 
</style> 
</head> 
<body><br> 


<p class = "fl"> 这 个 是 第 1 项 </p> 
<p class = "f2"> 这 个 是 第 2 项 </p> 
<p class = "f3"> 换 一 行 </p> <hr> 
<div id = "warpl"> 
<div id = "column1"> 这 里 是 第 一 个 DIV</div> 
<div id = "column2"> 这 里 是 第 二 个 DIV</div> 
<div id = "column3"> 这 里 是 第 三 个 DIV</div> 
</div> 
<div id= "warp2"> 
<div id= "colm1"> 这 里 是 第 一 列 </div> 
<div id= "colm2"> 这 里 是 第 二 列 , 距离 右边 界 固定 为 50px </div> 
</div> 
</body> 
</html > 


程序 运行 结果 如 图 2-25 所 示 。 
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图 2-25 DIV 十 CSS 定位 测试 


部 分 : 


2.4.5 DIV 十 CSS 布局 实例 


本 节 将 利用 HTML、DIV 十 CSS 布局 等 技术 设计 一 个 课程 学 习 站 点 主页 ,详细 代码 请 


到 本 书 资源 站 点 下 载 。 


所 有 设计 的 第 一 步 都 是 构思 。 构 思 时 ,一 般 来 说 还 需要 用 Photoshop 等 图 片 处 理 软 件 
将 需要 制作 的 界面 布局 简单 地 勾画 出 来 。 站 点 主页 采用 DIV 十 CSS 布局 ,效果 如 图 2-26 


所 示 。 
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图 2-26 DIV 十 CSS 布局 





下 面 根据 构思 图 来 规划 页 面 的 布局 。 仔 细 分 析 该 图 ,不 难 发 现 图 片 大 致 分 为 以 下 几 个 


(1) 顶部 部 分 ,主要 是 菜单 ,有 些 站 点 还 包括 网 站 标志 等 内 容 。 
(2) 内 容 部 分 ,又 可 分 为 侧 边 栏 、 主 体内 容 。 
(3) 底部 ,包括 一 些 版 权 信息 。 
根据 以 上 的 分 析 , 可 以 按 图 2-27 设计 布局 。 
根据 图 2-27, 再 画 一 个 实际 的 页 面 布局 图 ,如 图 2-28 所 示 , 以 说 明 层 的 嵌 套 关系 ,这 样 
理解 起 来 就 会 更 简单 了 。DIV 与 CSS 文件 对 应 关系 如 图 2-29 所 示 。 
至 此 ,页 面 布局 与 规划 已 经 完成 . 接 下 来 要 做 的 就 是 书写 CSS 和 HTML 代码 。 
程序 (\jspweb 项 目 \WebRoot\ch02\css\css08. CSS) 的 清单 : 
下 面 仅 给 出 样式 文件 css08. css 的 部 分 样式 代码 。 
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2-27 DIV 板块 划分 





body{} 





#Container{} 





#Header{} 


body() DIV 结构 


#Container() /* 页 面 层 容器 */ 








#PageBody{} 





#SideBar{)| 











入 一 #Header() /# 页 面 头 部 %/ 
#MainBody{} 一 一 #PageBody() 人 * 页 面 主体 */ 


上 一 #Sidebar() /x* 侧 边栏 *#/ 














一 一 #MainBody() /* 主 体内 容 */ 











#Footer{} 




















图 2-28 





一 #Footer() /#* 页 面 底部 */ 


页 面 布局 图 图 2-29 DIV 与 CSS 对 应 关系 


/* 基本 信息 * /body {font:12px Tahoma;margin:0px;text - align:center;background: # FFF;} 


/* 页 面 层 容器 x* / 


#Container {width:100 % ;margin:0 auto} 


/* 页 面 头 部 x* /# Header {width:800px;margin:0 auto;height:80px;background: #FFCC99} 

/* 页 面 主 体 * /# PageBody {width:800px;margin:0 auto; height:300px;background: #55FF00} 
/* 侧 边栏 * /# Sidebar{ffloat:left;width:220px;margin:0 auto;height:280px;background: # CCFF00} 
/* 主体 内 容 * /#MainBody{fwidth:540px;margin:0 auto;height:280px;background: # FFBB00} 
/* 页 面 底部 * /# Footer {width:800px;margin:0 auto;height:40px;background: #00FFFF} 


以 上 样式 文件 中 
是 自动 调整 边 距 。 


,声明 了 body 部 分 与 上 、 右 、 下 、 左 的 边 距 为 0 像素 ,如 果 使 用 auto 则 


以 上 CSS 的 样式 定义 中 ,使 用 了 缩写 方式 。 例如 ,“font:12px Tahoma; ”使 用 了 缩写 ， 
完整 的 代码 应 该 是 “font-size:12px;font-family:Tahoma; ”, 说 明 字 体 为 12 像素 大 小 ,字体 


为 Tahoma 格式 。 


“margin:0px; ”也 使 用 了 缩写 ,完整 的 应 该 是 “margin-top:0px; margin-right: 0px; 
margin-bottom:0px;margin-left: 0px;”。 也 可 写成 “margin: 0px 0px 0px 0px; ”, 顺 序 是 
上 、 右 \ 下 、 左 ; 还 可 以 缩写 为 margin:0。 

还 有 以 下 几 种 写法 :“margin:0px auto; ”说 明 上 下 边 距 为 0px, 左 右 为 自动 调整 ; 以 后 
将 使 用 到 的 padding 属性 和 margin 属性 有 许多 相似 之 处 ,它们 的 参数 写法 是 一 样 的 ,只 不 
过 各 自 表示 的 含义 不 相同 ,margin 是 外 部 距离 ,而 padding 则 是 内 部 距离 。 

text-align:center 是 文字 对 齐 方式 ,可 以 设置 为 左右 、 中 ,这 里 将 它 设置 为 居中 对 齐 。 

background: # FFF 设置 背景 色 为 白色 ,这 里 颜色 使 用 了 缩写 ,完整 的 应 该 是 
background: #FFFFFF。background 可 以 用 来 给 指定 的 层 填充 背景 色 .背景 图 片 , 以 后 将 
用 到 如 下 格式 : 


background: # CCC url( 'bg. gif') top left no-repeat; 


表示 : 使 用 颜色 # CCC 填充 整个 层 , 使 用 bg. gif 作为 背景 图 片 ,top left 表示 图 片 位 于 当前 
层 的 左上 端 ,no-repeat 表示 仅 显 示 图 片 大 小 而 不 填充 满 整 个 层 。 可 以 用 top .right left、 
bottom .center 定位 背景 图 片 , 分 别 表示 上 、 右 、 下 , 左 、 中 ; 还 可 以 使 用 background:url('bg. 
gif') 20px 100px; 表示 X 坐标 为 20 像素 ,Y 坐标 为 100 像素 的 精确 定位 ; repeat、no- 
repeat、repeat-x、repeat-y 分 别 表示 填充 满 整 个 层 ,不 填充 \ 沿 X 轴 填 充 , 沿 Y 轴 填 充 。 

height、width 、color 分 别 表示 高 度 (px) ,宽度 (px) ,字体 颜色 (HTML 色 系 表 )。 

将 代码 保存 浏览 后 可 以 看 到 ,整个 页 面 是 居中 显示 的 ,那么 究 竞 是 什么 原因 使 得 页 面 居 
中 显示 呢 ? 这 是 因为 在 井 Container 中 使 用 了 “margin:0 auto” 表 示 上 下 边 距 为 0, 左 右 为 自 
动 , 因 此 该 层 就 会 自动 居中 了 。 

如 果 要 让 页 面 居 左 , 则 取消 auto 值 就 可 以 了 ,因为 默认 就 是 居 左 显示 的 。 

程序 (\jspweb 项 目 \WebRoot\ch02\div_css\css08. html) 的 清单 : 


<html> 
<head> 
<title> 无 标题 文档 </title> 
< link rel = stylesheet href ="../css/css08.css" type = "text/css"> 
</head> 
< body> 
<div id = "Container"> 页 面 层 容器 
<div id= "Header"> 页 面 头 部 </div> 
<div id= "PageBody"> 页 面 主体 
<div id= "Sidebar"> 侧 边栏 </div> 
<div id= "MainBody"> 主 体内 容 </div> 
</div> 
<div id= "Footer"> 页 面 底部 </div> 
</div> 
</body> 
</html > 


把 以 上 文件 保存 ,用 浏览 器 打开 ,这 时 已 经 可 以 看 到 基础 结构 了 ,这 个 就 是 页 面 的 框架 。 
页 面 规划 效果 如 图 2-30 所 示 。 
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页 面 层 容器 








图 2-30 页 面 规划 效果 


当 写 好 了 页 面 大 致 的 DIV 结构 后 ,就 可 以 开始 细致 地 对 每 一 个 部 分 进行 制作 了 。 下 面 
对 css08. css 中 的 样式 进行 细 化 ,最 终 的 样式 文件 代码 如 下 。 
程序 (\jspweb 项 目 \WebRoot\ch02\css\css08. css) 的 清单 : 


/* 基本 信息 */ 
body {font:12px Tahoma;margin:0px; text - align:center;background: #1020dd; } 
body, td, th {font - family: Tahoma, Verdana, Arial, sans— serif;font - size: 12px; color: #344333;} 
a {color: #333333;text - decoration: none;} 
a:hover {color: #FF0000;text— decoration: none;} 
a:active{color: #FF0000;text - decoration: none;} 

/* 页 面 层 容器 * / 
#Container {width:100 % ;margin:0 auto} 

/* 页 面 头 部 * / 
井 Header {width:800px;margin:0 auto;height:80px;background: # FFCC99} 

/* 页 面 主体 */ 
# PageBody {width:800px;margin:0 auto; height :300px;background: # 55FF00} 

/* 侧 边栏 */ 
#Sidebar{float:left;width:220px;margin:0 auto; height :280px;background: # CCFF00} 

/* 主 体内 容 */ 
#MainBody{width:540px;margin:0 auto; height :280px;background: # FFBB00} 

/x* 页 面 底部 */ 
#Footer {width:800px;margin:0 auto;height :40px;background: # O00FFFF} 

/* 菜单 样式 */ 

#menu{height:32px;margin — top:8px; background: #998800;} 

# menu ul{margin:auto; width:778px; height:32px;background: #998800;1ist — style— type:none; 

padding:0px; margin— top:0px; margin— bottom:0px;} 
.m li{float:left; width:114px; line— height:32px; text ~ align:center; margin~ right: ~ 2px; 
margin— left: ~ 2px;} 

.m lia{fdisplay:block; color: #00FF00; width:114px;} 

.m line{float:left; width:1px; height:32px; line— height:32px;} 

.m line img{margin— top:expression((32 — this. height)/2);} 


.m li affloat:left; width:114px; line- height:32px; text ~ align:center; padding — top:3px; 
font - weight :bold; background — image:url(../data/menu bg. jpg); position:relative; 
height:32px; margin— top: - 3px; margin— right: - 2px; margin— left: ~ 2px;} 

.m li aa{display:block; color:#FF0000; width:114px;} 

. smenu{width:774px; margin:0px auto 0px auto; padding:0px; list— style— type:none; 
height :32px;} 

.Ss_li{line— height:32px; width:auto; display:none; height:32px;} 

.5S_1i afline- height:32px; width:auto; display:block; height:32px;} 


样式 语句 中 ,margin:10px auto 表示 设置 层 的 外 部 边 距 ,外 部 上 、 下 边 距 为 10 个 像素 ， 
并 且 居 中 显示 。 将 层 的 margin 属性 的 左右 边 距 设 置 为 auto, 可 以 让 层 居 中 显示 。 菜 单 内 容 
安排 在 一 个 DIV 层 中 ,并 将 该 DIV 结构 写 入 Header 中 。 

在 实际 工程 项 目 中 ,菜单 一 般 使 用 列表 < li > 形式 ,这 样 ,可 以 方便 对 菜单 定制 样式 。 关 
于 <ul></ul>.<1li></li> 这 两 个 HTML 元 素 ,其 最 主要 的 作用 就 是 在 HTML 中 以 列表 的 
形式 来 显示 一 些 信 息 。 

当 在 HTML 中 使 用 id 定义 样式 id 一 "divID" 时 ,在 CSS 中 对 应 的 设置 语法 则 是 # divID{} 
如 果 在 HTML 中 使 用 class 定义 样式 class 二 "divID", 则 在 CSS 中 对 应 的 设置 语法 是 
divID。 如 果 en 了 < img ></img >, 则 这 个 img 在 CSS 中 对 应 的 
设置 语法 应 该 是 # divID img {}。 同 样 ,如 果 img 是 包含 在 class 二 "divID" 这 个 层 中 时 , 则 
设置 语法 应 该 是 divID img{ -3 

另外 ,HTML 中 的 一 切 元 素 的 样式 都 是 可 以 定义 的 ,如 table、tr、td、th、form,img、 
input 等 ,如 果 要 在 CSS 中 设置 这 些 样 式 , 则 写 入 时 直接 在 元 素 的 名 称 后 加 上 一 对 大 括号 {} 
就 可 以 了 。 所 有 的 CSS 代码 都 是 写 在 大 括号 {} 中 的 。 

CSS 中 每 一 个 属性 运用 得 当 , 就 可 以 解决 许多 问题 ,因此 ,在 过 到 布局 难题 的 时 候 , 可 
以 尝试 使 用 这 些 属性 去 解决 问题 。 

利用 HTML 的 展示 功能 ,就 可 以 用 它 编写 一 个 像样 的 展示 性 网 站 了 。 

示例 详细 代码 参见 jspweb 项 目 相应 文件 (可 从 本 书 提供 的 资源 网 站 上 下 载 ) 。 

在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1:8080/jspweb/div_css/css08. html, 站 点 主页 
运行 效果 及 有 关 元 素 说 明 如 图 2-31 所 示 。 

<li class="m_line"><img src="../data/line.gif" /></li> 
在 HTML 中 插入 菜单 分 隔 符 


m li a{.... background-image:url(../data/menu_bg.jpg);... 
在 CSS 样 式 中 定义 动态 图 片 
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<li id="s_2"... >...<a href="info.html" target="ifrm2"> 课 程 简介 </a>...</li> 
在 HTML 菜 单 中 加 入 超 链接 ， 表 示 文 件 info.html 在 目标 DIV 层 ifrm2 中 显示 


图 2-31 站 点 主页 运行 效果 及 有 关 元 素 说 明 
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2.5 JavaScript 


JavaScript 是 Netscape 公司 为 了 拓展 Netscape Navigator 浏览 器 的 功能 而 推出 的 。 
JavaScript 不 是 Java, 它们 并 非 同 一 个 公司 的 产品 。Java 是 Sun 公司 开发 的 软件 。 
JavaScript 和 Java 有 某 些 相似 性 ,也 有 许多 不 同 之 处 。 下 面 说 明 JavaScript 的 特点 ,并 和 
Java 进行 比较 ; 

(1) JavaScript 和 Java 一 样 都 是 与 平台 无 关 的 语言 ,因此 有 广泛 适用 性 。 

(2) JavaScript 是 解释 性 的 脚本 语言 。 用 JavaScript 编写 的 程序 不 必 像 Java 程序 那样 
事先 编译 ,而 是 在 程序 运行 时 直接 由 浏览 器 逐 行 解 释 执行 。 

(3) Java 中 使 用 的 变量 需要 事先 进行 声明 ,JavaScript 不 需 事先 声明 就 可 以 使 用 变量 。 
Java 中 使 用 的 对 象 需要 编程 人 员 在 程序 中 创建 。JavaScript 系统 事先 创建 了 一 套 功能 强大 
的 内 部 对 象 , 编程 人 员 无 须 创 建 就 可 以 直接 调用 ,所 以 JavaScript 比 Java 简单 易学 。 
JavaScript 是 基于 对 象 的 语言 ,在 类 的 基础 上 创建 对 象 ,JavaScript 的 类 没有 继承 、 重 载 等 
功能 。 

(4) JavaScript 是 一 种 嵌入 语言 , 它 的 语句 直接 嵌入 HTML 文本 中 ,在 HTML 文本 中 
通过 标记 < Script > 使 用 JavaScript 语句 。 

程序 js01. html 给 出 了 HTML 文本 中 嵌入 JavaScript 语句 的 一 个 实例 。 

程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js01. html) 的 清单 : 


< html > 
<head> 
< Script Language = "JavaScript"> 
<!-- 
function fnc() { 
alert( "页面 加 载 时 触发 fnc( ) 函数 测试 "); 
} 


--> 
</Script > 
</head> 
<body onLoad= "fnc()"> 
</body> 
</html > 


程序 运行 结果 如 图 2-32 所 示 。 

语句 < body onLoad 二 "fnc(O)"> 中 设置 了 onLoad 一 个 属性 ,其 余 采 用 默认 属性 。< body > 
标记 的 onLoad 属性 “指示 加 载 本 body 体 时 调用 的 函数 ”。 

fnc 函数 调用 alert 方法 弹出 对 话 框 ,其 中 有 “页 面 加 载 时 触发 fuc 函数 测试 ”字符 串 , 弹 
出 的 是 一 个 模 态 对 话 框 ,必须 先 单 击 其 中 的 “确定 ”按钮 关闭 对 话 框 ,然后 才能 结束 程序 
运行 。 

js02. html 是 JavaScript 应 用 的 另 一 个 实例 。 

程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js02. html) 的 清单 : 
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图 2-32 页面 加 载 触 发 事件 测试 


< htm] > 
<head> 
< Script Language = "JavaScript"> 
pn 
function fnc2(){ 
x=5+11; 
document. write ("5+11="+ x); 
} 
--> 
</Script> 
</head> 
<body> 
< form> 
< input type = "button" value = "计算 " onClick = "fnc2()"> 
</form> 
</body> 
</html > 


程序 运行 结果 如 图 2-33 所 示 。 
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2-33 “计算 ”按钮 事件 测试 


对 象 的 方法 和 事件 是 JavaScript 的 两 个 重要 概念 。 程 序 js01. html 中 的 alert 是 
window 对 象 的 一 个 方法 ,用 于 弹出 一 个 有 说 明文 字 的 模 态 对 话 框 。 程 序 js02. html 中 的 
write 是 document 对 象 的 一 个 方法 ,用 于 显示 变量 的 值 。window 和 document 都 是 
JavaScript 创建 的 内 部 对 象 , 无 须 创 建 就 可 以 直接 调用 它 的 方法 。 

调用 write 方法 时 需要 引用 document 对 象 ,调用 alert 时 却 不 需要 引用 window 对 象 。 
这 是 因为 window 是 所 有 对 象 的 父 类 或 间接 父 类 ,引用 时 可 以 省 略 。 

可 以 用 关键 字 self 和 this 引用 当前 窗口 中 的 对 象 ,如 果 将 js01. html 中 对 alert 的 调用 
语句 改 为 : 
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self.alert(" 这 是 一 个 简单 的 JavaScript 应 用 程序 "); 
this.alert(" 这 是 一 个 简单 的 JavaScript 应 用 程序 "); 


会 得 到 相同 的 结果 。 

程序 js01. html 中 的 onLoad 和 js02. html 中 的 onClick 是 两 个 事件 。 注 意 ,JavaScript 
是 区 分 大 小 写 的 。 单 击 、 双 击 而 击 、 拖 动 、 鼠 标 移 进 移出 等 都 是 鼠标 事件 ,按键 盘 按 键 是 键 
盘 事 件 ,加 载 窗口 , 印 载 窗口 是 窗口 事件 。 除 此 以 外 ,还 有 其 他 事件 。 

JavaScript 是 事件 驱动 的 程序 。 例 如 ,js02. html 程序 运行 后 ,在 没有 单 击 button 按钮 
之 前 ,程序 一 直 处 在 等 待 界面 上 ,不 会 往 下 进展 。 所 以 单 击 button 按钮 是 驱动 程序 往 下 进 
展 的 事件 ,这 就 是 事件 驱动 。 


2.5.1 JavaScript 函数 


JavaScript 函数 是 由 事件 驱动 的 或 者 当 它 被 调用 时 执行 的 可 重复 使 用 的 代码 块 。 使 用 
JavaScript 函数 ,可 以 避免 页 面 载 人 时 就 执行 函数 脚本 。 在 页 面 中 的 任何 位 置 都 可 以 调用 
JavaScript 函数 。 

创建 JavaScript 函数 的 语法 : 


function 函数 名 () 
function 函数 名 (varl,var2, … ,varn) 
{ 
函数 体 ; 
return 表达 式 ; 
} 


varl，var2 等 指 的 是 传人 函数 的 变量 或 值 。“{” 和 “)” 定 义 了 函数 的 开始 和 结束 。 

要 注意 的 是 , JavaScript 对 大 小 写字 母 敏感 。function 这 个 词 必须 小 写 , 否则 
JavaScript 就 会 出 错 。 

JavaScript 函数 在 页 面 起 始 位 置 定义 , 即 < head > 部 分 。 分 析 下 列 程序 : 


< html > 
< head> 
< script type = "text/javascript"> 
function displaymessage( ){ 
alert("Hello World!") 
} 
</script > 
</head> 
<body> 
<form> 
< input type = "button" value= "Click me!" onclick = "displaymessage()" > 
</form> 
</body> 
</html > 


假如 上 面 的 例子 中 的 alert("Hello World!") 没 有 被 写 入 函数 ,那么 当 页 面 被 载 入 时 它 


就 会 执行 。 现 在 , 当 用 户 单 击 按钮 时 ,脚本 才 会 执行 。 给 按钮 添加 了 onClick 事件 ,按钮 被 
单 击 时 函数 就 会 执行 。 


2.5.2 JavaScript 数据 类 型 
JavaScript 有 常量 和 变量 两 种 数据 类 型 。 


1. 常量 
常量 有 数值 (整数 和 实数 ) 、 字 符 串 布尔 值 和 空 值 4 种 数据 类 型 。 
2. 变量 


变量 的 命名 方法 和 Java 相同 ,也 要 避 开 关键 字 。JavaScript 有 40 多 个 关键 字 , 除 了 常 
见 的 true,false、int、double 等 外 ,还 有 var。 

关键 字 var 用 来 声明 一 个 变量 。 

例如 : 


Var abc = 0; 
var xyz = 0; 


声明 了 abc、xyz 两 个 变量 ,并 为 它们 赋值 。 
JavaScript 中 也 可 以 使 用 没有 声明 的 变量 。 
例如 ,以 下 变量 没有 声明 就 进行 了 赋值 ; 
x=10 
y=2.5 


z= "abc" 
w= true 


虽然 没有 声明 ,JavaScript 也 能 根据 赋值 识别 x 是 整 型 ,y 是 实 型 ,z 是 字符 串 型 , w 是 布 
尔 型 。 

JavaScript 和 Java 一 样 ,变量 名 区 分 大 小 写 。 

JavaScript 也 有 全 局 变量 和 局 部 变量 之 分 。 在 函数 体内 定义 的 是 局 部 变量 ,只 在 函数 
体内 有 效 。 在 函数 体外 定义 的 变量 是 全 局 变量 ,作用 域 为 全 部 代码 。 
2.5.3 JavaScript 运算 符 

JavaScript 的 运算 符 和 Java 很 相似 。 

1. 算术 运算 

算术 运算 符 如 表 2-6 所 示 。 

表 2-6 算术 运算 符 
十 加 一 减 * 乘 / 除 % 求 余 
十 十 x 预 增 x 十 十 后 增 一 一 x 预 减 x 一 一 后 减 


关于 预 增 、 预 减 、 后 增 、 后 减 的 含义 类 似 于 Java 的 自 加 和 自 减 。 例 如 x 十 十 表示 先 使 用 
x 的 值 ,再 将 x 增加 1; 十 十 x 表示 先 将 x 的 值 加 1, 再 使 用 x 的 值 。 
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2. 位 运算 
位 运算 符 有 &、| 人 >> 、 >>> 、<< 等 6 种 ,如 表 2-7 所 示 。 
表 2-7 位 运算 符 
& 位 与 | 位 或 “位 异 或 
> 带 符号 右 移 >>>> 补 零 右 移 一 < 补 零 左 移 
例如 : 
位 与 a & b。 
位 或 alb。 
位 异 或 a^b。 


带 符号 右 移 a>>>x', 将 a 碳 移 x 位 , 左 端 补正 、 负 号 。 
补 零 右 移 a 二 二 x, 将 a 布 移 x 位 , 左 端 补 0。 
补 零 左 移 a<<x, 将 a 左 移 x 位 , 右 端 补 0。 
2 位 或 .位 异 或 和 Java 的 相应 运算 相同 。 
. 结合 运算 
WE 合 以 及 位 运算 和 赋值 运算 的 结合 称 为 结合 运算 ,如 表 2-8 
所 示 。 


表 2-8 结合 运算 符 
一 赋值 && 二 位 与 赋值 
十 三 相 加 赋值 |= 位 或 赋值 
一 三 相 减 赋值 “一 位 异 或 赋值 
* 一 相 乘 赋值 二 = 带 符号 右 移 赋值 
/三 相 除 赋值 二 = 补 零 右 移 赋值 
% 二 取 余 赋值 < 一 一 补 零 左 移 赋值 


4. 逻辑 运算 
逻辑 运算 符 如 表 2-9 所 示 。 
表 2-9 逻辑 运算 符 
&.&. 逻辑 与 | 逻辑 或 ! 逻辑 非 


例如 : 

逻辑 与 expl &.&& exp2。 如 果 expl exp2 都 是 真 , 则 返回 真 ,否则 为 假 。 

逻辑 或 expl | exp2。 如 果 expl、exp2 中 有 一 个 为 真 , 则 返回 真 ,否则 为 假 。 

逻辑 非 ! exp1。 如 果 exp1l 为 真 则 返回 假 ,如 果 exp1 为 假 则 返回 真 。 

逻辑 运算 不 同 于 位 运算 。 它 的 运算 对 象 expl exp2 是 两 个 表达 式 , 而 位 运算 的 对 象 则 
是 数据 的 一 个 位 。 

5. 比较 运算 

比较 运算 符 如 表 2-10 所 示 。 


表 2-10 比较 运算 符 


一 一 等 于 ! 一 不 等 于 
> 大 于 > 一 大 于 等 于 
和 一 = 小 于 等 于 
6. 字符 串 运算 


字符 串 连 接 格式 为 strl 十 str2 ,表示 将 strl \str2 两 个 字符 串 连接 成 一 个 字符 串 。 

7. 条 件 运 算 

条 件 运算 格式 为 “布尔 表达 式 ? 表达 式 1 : 表达 式 2”。 

如 果 布 尔 表 达 式 为 true, 则 执行 表达 式 1; 如 果 布 尔 表 达 式 为 false, 则 执行 表达 式 2。 


2.5.4 JavaScript 中 的 控制 语句 
JavaScript 中 的 控制 语句 和 Java 相似 ,只 需 进 行 简单 说 明 就 可 以 了 。 
1. 证 条 件 语句 
格式 为 : 


证 (表达 式 ) 语 句 ; 


若是 多 个 语句 需 用 大 括号 将 它们 括 起 来 ,每 个 语句 都 要 以 分 号 结束 。 可 以 有 一 个 或 多 
个 else if。 

2. for 循环 语句 

格式 为 : 


for( 初 始 化 语句 ;条 件 语 句 ; 增 量 语句 ) 语 句 ; 


当 条 件 得 到 满足 时 ,执行 语句 。 完 成 循环 后 结束 程序 。 
3. while 循环 语句 
格式 为 : 


while( 表 达 式 ) 语 句 ; 


若 表达 式 的 值 为 true, 执 行 语句 。 

4. break 和 continue 语句 

break 语句 跳出 循环 。continue 语句 跳 过 本 次 循环 ,进入 下 一 个 循环 。 

以 上 各 循环 语句 和 Java 相似 ,其 中 的 括号 、 分 号 等 都 必须 是 英文 字符 ,不 能 采用 汉字 
字符 。 


2.5.5 JavaScript 内 部 对 象 


JavaScript 中 使 用 的 对 象 可 分 为 JavaScript 提供 的 内 部 对 象 .浏览 器 提供 的 对 象 和 编程 
人 员 创 建 的 对 象 等 三 类 对 象 。 
JavaScript 提供 的 对 象 和 浏览 器 提供 的 对 象 已 经 由 系统 提供 ,编程 人 员 可 以 直接 引用 。 





五 TML 基础 


JSP Web 靶 术 及 应 用 发 性 (第 2 虚 ) 上 用 深 响 





编程 人 员 创建 的 对 象 ,需要 创建 一 个 对 象 的 实例 ,才能 调用 。 

对 象 由 属性 和 方法 构成 ,下 面 对 JavaScript 提供 的 对 象 和 浏览 器 提供 的 对 象 进行 
介绍 。 
1. String 对 象 
String 是 一 个 JavaScript 的 内 部 对 象 , 称 为 字符 串 对 象 。String 对 象 只 有 一 个 length 
属性 ,表示 字符 串 中 的 字符 数目 ,也 称 为 字符 串 长 度 。 下 面 的 程序 说 明了 这 个 属性 的 使 用 
方法 。 

程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js03. html) 的 清单 : 


<html> 
<head> 
< Script Language = "JavaScript"> 
2 
function strlength(){ 
str = "I ama student."; 
strlen = str. length; 
document. write("str="+str+"<br>"); 
document, write("str 字符 串 的 长 度 ="+ strlen); 
> 
</Script> 
</head> 
< body onLoad = "strlength()"> 
</body> 
</html > 


程序 运行 结果 如 图 2-34 所 示 ,程序 输出 字符 串 的 长 度 为 15, 表 明 字 符 串 str 中 , 连 空格 
和 标点 符号 在 内 共有 15 个 字符 。 

语句 strlen 二 str. length; 中 的 str. length 通过 点 
号 访问 字符 串 对 象 str 的 length 属性 。 在 Java 中 引用 Se 
某 个 变量 之 前 先 要 对 变量 进行 声明 , 即 需 声明 str 是 | "了 和 直 的 长度 -15 

局 Pternet ET 

个 String 类 型 的 变量 ,而 在 JavaScript 程序 中 无 须 事先 
声明 。Java 中 调用 String 类 的 length 方法 测定 字符 串 图 2-34 JS 字符 串 对 象 测试 
长 度 ,JavaScript 中 则 通过 length 属性 测定 字符 串 长 度 。 

String 对 象 的 方法 如 下 : 

。 fontsize(size): 设置 字体 的 大 小 ,其 中 参量 size 是 1、2、3 等 整数 ,数字 越 大 字体 

越 大 。 

。 fontcolor(color) : 设置 字体 的 颜色 。 参 量 color 可 以 用 red、yellow 、green 等 文字 表 
示 , 也 可 以 用 FF0000、FFFF00、00FF00 等 6 位 十 六 进 制 数 表示 。 
blink(): 设置 字体 闪烁 。 
。 big() small(): 分 别 设置 为 大 字体 和 小 字体 。 
。 boldO) \italics() fixed(): 分 别 设 置 为 粗 体 、 斜 体 和 固定 字体 。 
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。 ToUpperCase()、ToLowerCase(): 分 别 将 字符 串 转 化 为 大 、 小 写 。 

。 indexOf(char,start): 返回 某 字符 的 所 在 位 置 。 其 中 参量 char 是 要 搜寻 的 字符 ， 
start 搜寻 的 起 始 位 置 。 如 果 没 有 这 个 字符 则 返回 一 1。 

。 substring(start,end): 返回 字符 串 中 的 一 部 分 ,其 中 参量 start 为 起 始 字 符 ,end 为 
终止 字符 。 该 方法 的 用 法 和 Java 的 同名 方法 十 分 相似 。 

。 anchor(anchorName): 用 于 创建 一 个 anchor 锚 点 。 

程序 js04. html 说 明了 上 述 各 种 String 类 方法 的 应 用 ,图 2-35 所 示 是 程序 运行 结果 。 





Thisis A String Thisis A String 
Thisis A String 
This is A String 
This is A String 
Thisis A String 
This is A String 
This is A String 
This is A String 
THIS IS A STRING 
this is a string 
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This is A String 
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[ET 了 
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2-35 程序 运行 结果 
程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js04. html) 的 清单 : 


<html> 
<head> 
< Script Language = "JavaScript"> 
= 全 
function fnc() 

{// 将 字体 设置 为 居中 、4 号 、 蓝 色 
document. write('< center >< font color = blue >< font size= 4>'); 
str = "This is A String"; // 定 义 一 个 字符 串 str 
document. write( str+ 'gnbsp; &nbsp; gnbsp; snbsp; '); // 显 示 str, 末 尾 的 snbsp; 表 示 4 个 空格 
document. write(str+ '<br>'); 


document. write( str. fontsize(2) + <br>'); // 调 用 fontsize(), 将 原 4 号 字体 改 为 2 号 字体 


document. write( str. fontcolor( 'ff00ff') + < br>'); ”// 调 用 fontcolor() 设 置 字体 为 紫色 
document. write(str.big() + <br>'); // 设 置 为 大 号 (big) 字 体 
document. write(str. small() + '<br>'); // 设 置 为 小 号 (small) 字 体 
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document. write(str.italics() + <br>'); // 设 置 为 斜体 

document. write(str.fixed() + '<br>'); // 设 置 为 固定 字 宽 ,例如 字母 i 和 A、T 宽度 相同 
document. write( str. bold() + <br>'); // 设 置 为 粗 体 
document. write( str. toUpperCase( ) + '< br >'); // 将 字符 串 转 换 为 大 写 

document. write( str. toLowerCase( ) + '< br >'); // 将 字符 串 转 换 为 小 写 

document. write(str. index0f('i',0) + <br>'); ”// 从 0 号 字符 开始 搜寻 第 一 个 字符 的 位 置 
document. write str. substring(5,13) + '<br>'); // 摘 取 字 符 串 中 从 第 5 号 字符 到 12 号 字符 
document. write(str.anchor("aaa")); ”// 创 建 name 属性 为 aaa 的 锚 点 ,相当 于 HIML 的 A 标记 
} 


二 


</Script> 


</head> 
<body> 


< input type = "button" value = "调用 函数 " 
onclick = "fnc()"> 


</body> 
</html > 


2. 系统 函数 
有 一 些 方法 不 属于 任何 对 象 ,是 JavaScript 系统 提供 的 内 部 方法 , 称 为 系统 方法 或 系统 
函数 。 系 统 函 数 中 大 都 和 字符 串 处 理 有 关 , 例 如 : 


parseFloat(Cstring) : 将 字符 串 类 型 的 数字 string 转化 为 实数 。 
parselInt(string,radix) : 将 radix 进 制 的 string 类 型 数据 转化 为 整数 。 
unescape(string): 返回 字符 串 string 的 ASCII 码 。 

escape(char): 将 ASCII 码 返回 字符 的 编码 。 

eval(express) : 执行 表达 式 express 并 返回 结果 。 


parseFloat 和 parseInt 是 经 常用 到 的 方法 ,通常 从 文本 框 中 获取 的 数据 都 是 字符 串 类 
型 ,在 进行 数学 演算 之 前 必须 先 将 它们 转化 为 数字 类 型 。parseInt 方法 中 的 参量 radix 表示 
进 制 ,如 二 进 制 、. 十 进 制 .十 六 进 制 等 。 下 面 的 程序 js05. html 说 明了 它们 的 应 用 ,程序 运行 
结果 如 图 2-36 所 示 。 


国 http://ocdhost; 80.. 从- 上 -本 同 - 中- ” 


parseFloat('5.888")=5.888 
parseInt('100'.10)=100 
parseInt('100'.16)=256 
parselInt('100'.2)=4 
parselInt('ff ,16)255 
加 
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图 2-36 ”parseFloat 和 parseInt 函数 的 应 用 


程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js05. html) 的 清单 


<html> 
<head> 


< Script Language = "JavaScript"> 

pn 

function sys() 

{ // 将 字符 串 类 型 进行 数值 转换 
document. write('< center >< font color = blue >< font size=4>'"); 
document. write("parseFloat('5.888') = " + parseFloat('5.888') + <br>'"); 
document. write("parseInt('100',10) =" + parseInt('100',10) + ‘< br>'); 
document. write("parseInt('100',16) =" + parseInt('100',16) + '< br>"); 
document. write("parseInt('100',2) = "+parseInt('100',2) + < br>'); 
document. write("parseInt( 'ff',16)" + parseInt( 'ff',16) + '<br>'); 


} 
--> 
</Script > 
</head> 
<body onLoad = "sys()" > 
</body> 
</html> 
3. Math 对 象 
Math 称 为 数学 对 象 , 它 有 许多 有 用 的 数学 计算 方法 。 
例如 : 
求 绝 对 值 abs(x) 
求 平方 根 sqrt(x) 
求 数值 的 方 次 pow(base,exponent) 
求 整 数 部 分 floor(x) 
求 四 舍 五 人 值 round(x) 
求 随机 数 random() 
求 正 弦 、 余 弦 sin(x), cos(x) 
求 反正 弦 、 反 余弦 asin(x), acos(x) 
求 正切 ,反正 切 tan(x), atan(x) 


程序 js06. html 说 明了 上 述 方法 的 应 用 ,图 2-37 所 示 是 程序 运行 结果 。 
程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js06. html) 的 清单 : 


< html > 
< head> 
< Script Language = "JavaScript"> 
> 
document. write("Math.abs( -99) =" + Math.abs( ~- 99) + ‘<br>'); 
document. write("Math.acos(0) * 2="+Math.acos(0) *2 + ‘<br>'); 
document. write("Math. sqrt(2) = "+ Math. sqrt(2) + ‘<br>'); 
document. write("Math. pow(2,8) =" + Math. pow(2,8) + ‘<br><br>'); 
for(i=1;i<=3;i+t+) 
{ 

idx = Math. random() * 10; 

document.write(" 第 "+i+" 次 idx="+idx + '<br>'); 

idxl = Math.floor(idx); 
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document. write(" 第 " + i+ "次 idxl ="+idxl+'<br>'"); 
idx2 = Math. round(idx); 
document. write(" 第 " + i+ "次 idx2 ="+idx2+'<br><br>'); 


-> 


</Script > 


</head> 
</html > 


4. Date 对 象 
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Math. abs (-99)=99 

Math. acos (0) *2=3. 141592653589793 
Math. sqrt (2)=1. 4142135623730951 
Math. pow (2, 8) =256 


第 1 次 idx=6. 443929336603713 
第 1 次 idx1=6 
第 1 次 idx2=6 


第 2 次 idx=4. 132997226690893 
第 2 次 idx1=4 
第 2 次 idx2=4 


第 3 次 idx=1. 94258492604584 
第 3 次 idxl=1 
第 3 次 idx2=2 


| 
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图 2-37 ”Math 对 象 测试 


要 获取 当前 时 间 ,需要 通过 运算 符 new 和 JavaScript 的 内 部 对 象 Date() 创 建 一 个 Date 


对 象 。 格 式 为 : 


new Date( ) 


Date 对 象 的 方法 很 多 ,它们 大 都 与 日 期 \ 时 间 的 测试 和 设置 有 关 , 如 getTime()、 
getYear() .getMonth() 、getDate() 、getDay() 、getHours() 、getMinutes() 、getSeconds()、 


setTime() .setYear() .setMonth() .setDate() .setHours() .setMinutes() setSeconds() 。 
其 中 ,getTime() 返 回 当 前 时 间 的 毫秒 数 ,getDate 返回 今天 几 号 ,getDay 返回 今天 星期 

几 。 其 他 方法 的 含义 不 难 从 它们 的 名 称 上 看 出 。 
程序 js07. html 给 出 了 这 些 方法 的 应 用 ,图 2-38 所 示 是 该 程序 运行 结果 。 
程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js07. html) 的 清单 : 


< htm] > 
< head > 
<title> 时 间 的 显示 </title> 
<br><h2 ><p align = "center"> 时 间 和 日 期 的 显示 </h2 > 
< Script Language = "JavaScript"> 


< 一 
// 通 过 关键 字 new 和 JavaScript 的 内 部 对 象 Date 创建 一 个 Date 类 型 的 对 象 dat 
dat = new Date(); 
hr = dat. getHours(); // 测 定 当 前 的 小 时 数 
证 (hr>=12) tim= "P.M."; 
else tim= "A.M."; 
证 (hr>12) hr= hr-12; 
if (hr==0) hr=12; 
// 测 定 当前 的 分 ,如果 min 的 值 小 于 10, 在 min 的 值 前 添加 一 个 0, 即 显示 为 01、02… 
min = dat.getMinutes(); 
if (min<10) min= "0" +min; 
document. write( '< font size = "3" color = "blue" face = "Bookman Old Style"><b>'+ 
(dat.getMonth() + 1)+"/" + dat.getDate()+ "/" + dat.getYear() + </B></font> 
<br><br>'); 
document. write( '< font size = "3" color = "red" face = "Bookman 01d Style"><b>'+ hr 
+ ":" + min + 'g&nbsp;' + 'g&nbsp;' + ‘'&nbsp;' + tim + '</b></font ><br><br>'); 
document. write( '< font size = "3" color = "00abcd" face = "Bookman Old Style"><b>'+ 
dat, getTime() + '< br>'); 
== 六 
</Script > 
</head> 
</html > 
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时 间 和 日 期 的 显示 
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图 2-38 时 间 的 测定 


从 图 中 看 出 测试 时 间 是 2014 年 1 月 28 日 ,下 午 9 时 15 分 。 其 中 的 “1390914956281?” 
是 自 1970 年 1 月 1 日 0 时 0 分 0 秒 开始 计时 ,到 测试 时 的 毫秒 数 。 

5. 点 号 运算 符 

可 以 通过 点 号 运算 符 引 用 对 象 的 属性 和 方法 。 程 序 js08. html 说 明 怎 样 通过 点 号 引用 
编程 人 员 创建 对 象 的 属性 。 
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程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js08. html) 的 清单 


<html> 
<head> 
< Script Language = "JavaScript"> 
ee 
function fnc(){ 
txt. value = "您 已 单 击 了 下 面 的 按钮 "; 
btn. value = "已 按 的 按钮 "; 
} 
= 
</Script > 
</head> 
<body><center> 
<font size = 5 color = blue > 对 象 属性 的 引用 </font ><p> 
<hr><p> 
< input type = "text" name = "txt" value = "这 是 预 设置 文本 "></p> 
< input type = "button" name = "btn" value = " 按 我 试 试 哦 "onclick = "fnc()"></p> 
</body> 
</html > 


单 击 “ 按 我 试 试 哦 "按钮 后 ,调用 fnc 函数 。fnc 函数 通过 文本 框 的 name 属性 和 点 号 运 
算 符 引用 文本 框 对 象 txt 的 value 属性 ,这 时 文本 框 中 的 文字 便 改变 为 “您 已 单 击 了 下 面 的 
按钮 "。 通 过 按钮 的 name 属性 和 点 号 运算 符 引用 按钮 对 象 btn 的 value 属性 ,按钮 表面 的 
文字 便 改变 为 “已 按 的 按钮 ”, 程 序 运行 结果 如 图 2-39 所 示 。 
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图 2-39 程序 运行 结果 


这 个 例子 说 明 ,在 JavaScript 中 ,可 以 将 文本 框 和 按钮 的 name 属性 作为 一 个 引用 对 象 ， 
通过 它们 和 点 号 运算 符 引 用 各 自 的 属性 。 

6. 关键 字 with 和 in 

和 运算 符 new 和 this 一 样 ,通过 运算 符 with 和 for…in 结构 可 以 操作 对 象 。 

with 用 于 表示 一 个 对 象 的 作用 域 。for…in 结构 是 循环 语句 的 一 部 分 。 例 如 , 当 不 了 解 
某 个 对 象 的 元 素数 目 时 ,可 以 通过 for…in 结构 确定 循环 次 数 。 程 序 js09. html 说 明了 它们 
的 应 用 。 程 序 运行 结果 如 图 2-40 所 示 。 

程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js09. html) 的 清单 


< htm] > 


< head> 
< Script language = JavaScript> 
一 
nmb = new Array(5); // 创 建 JavaScript 的 内 部 对 象 


Array 类 型 的 数组 对 象 nmb 


nmb[0] = 11; nmb[1] = 22; nmb[2] = 33;nmb[3] = 44; nmb[4] = 55; 
dat = new Date(); // 创 建 Javascript 的 内 部 对 象 Date 类 型 的 对 象 dat 


function fn(){ 


for(i in nmb) document. write("nmb[" +i+"]="+nmb[i]+ '<br>'); 


with(dat) { 
document. write("getYear() =" + getYear() + '<br>'); 


document. write("getMonth() = " + getMonth() + '<br>'); 


document. write("getDate() = "+ getDate() + '<br>'); 
document. write("getDay() = " + getDay() + <br>"'); 


} 
} 
--> 
</Script> 
</head> 


<body> < center> 
<font size = 5 color = blue> 关 键 字 new with 和 </font ><p> 
<font size = 5 color = blue> for…in 语 句 的 应 用 </font><p> 
<hr><br><p> 


< input type = "button" name = "btn" value = "显示 "onclick = "fn()"></p> 


</body> 
</html > 


程序 中 通过 for…in 结构 操作 对 象 nmb, 确 定 循环 次 数 。 这 里 无 须知 道 变 量 i 值 ,就 可 
以 从 第 一 个 循环 开始 ,直到 最 后 一 个 为 止 。 通 过 关键 字 with 设置 语句 块 中 的 默认 操作 对 象 


为 dat, with 语句 块 中 调用 的 方法 就 是 该 默认 对 象 的 方法 。 
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图 2-40 ”关键 字 with 和 in 测试 
2.5.6 浏览 器 对 象 
浏览 器 提供 了 普通 对 象 和 集合 两 类 对 象 。 


ET 下 





窗口 (window) ,文件 (document) 等 是 浏览 器 提供 的 普通 对 象 。 浏 览 器 窗口 中 只 能 有 一 
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个 window 和 document 对 象 。 

1. window 对 象 的 两 个 属性 

location 和 status 是 window 对 象 的 两 个 属性 。 通 过 location 属性 可 以 链接 文件 ,通过 
status 属性 可 以 给 状态 栏 赋值 。 程 序 js10. html 说 明了 它们 的 应 用 。 

程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js10. html) 的 清单 : 


<html> 
<head> 
< Script Language = "JavaScript"> 
= 
function statu(){ 
window. status = "状态 栏 工作 正常 "; 
alert(window. status); 
} 
function page( ){ 
location = "jsl0a.html"; 
} 
--> 
</Script > 
</head> 
<body>< center> 
<font size = 5 color = blue>window 对 象 的 </font ><p> 
<font size = 5 color = blue> location 和 status 属性 </font ><p> 
<hr><br><p> 
< input type = "button" value = "状态 栏 赋值 " onclick = "statu( )"> 
< input type = "button" value = "链接 网 页 " onclick = "page()"> 
</body> 
</html > 


1 


程序 (\jspweb 项 目 \WebRoot\ch02\jstest\jsl0a. html) 的 清单 : 


<html> 
<head> 
< Script Language = "JavaScript"> 
i 
function retur(){ 
location = "js10.html"; 
| 
= 
</Script> 
</head> 
< body>< center> 
<font size = 5 color = blue> 这 是 在 本 地 文件 夹 中 的 网 页 </font ><p> 
<font size = 5 color = blue > 注意 它 的 返回 地 址 </font ><p> 
<hr><br><p>< input type = "button" value = "返回 ”onclick = "retur()"></p> </center> 
</body> 
</html > 


程序 中 定义 了 statu、page 两 个 函数 ,并 且 添 加 了 ”状态 栏 赋值 ”链接 网 页 ”两 个 按钮 ， 
如 图 2-41(a) 所 示 。 

如 果 单 击 “ 链 接 网 页 ”按钮 ,通过 window 对 象 的 location 属性 链接 文件 jsl0a. html, 这 
是 一 个 很 简单 的 文件 ,其 中 只 有 一 个 “返回 "按钮 , 单 击 该 按钮 便 返 回 原来 的 文件 js10. html 
中 ,如 图 2-41(b) 所 示 。 

如 果 单 击 “ 状 态 栏 赋值 ”, 将 字符 串 “ 状 态 栏 工作 正常 "赋予 状态 栏 ,于 是 这 个 字符 串 
在 状态 栏 中 显示 。 在 IE7 浏 览 器 以 前 的 版 本 中 ,使 用 window. status 可 以 在 浏览 器 状态 
栏 中 写 上 自己 的 说 明文 字 ,如 window. status 王 "change status!" ,但 是 在 IE 7 中 对 于 状态 
栏 是 否 可 以 通过 脚本 更 新 有 了 自己 的 控制 ,只 要 启用 就 可 以 了 。 具体 的 方法 : 打开 IE 7， 
选择 “工具 一 Internet 选项 一 安全 一 Internet”, 单 击 * 自 定义 级 别 ? 按 钮 ,在 “脚本 一 允许 状态 
栏 通过 脚本 更 新 ”中 选择 “启用 ”就 行 了 。 单 击 “ 状 态 栏 赋值 ”按钮 后 的 运行 结果 如 图 2-41(c) 
所 示 。 
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2-41 程序 运行 结果 


2. window 对 象 
window 对 象 有 许多 有 用 的 方法 。 例 如 : 
。 open(): 用 指定 的 文件 打开 一 个 窗口 。 共 有 三 组 参量 ,第 一 组 即 指定 的 文件 名 ,第 
二 组 为 窗口 名 ,第 三 组 表示 窗口 结构 和 尺寸 。 该 方法 经 常用 于 在 打开 一 个 网 页 时 自 
动 打开 另 一 个 窗口 。 
close() : 关闭 窗口 。 
。 focus() : 将 焦点 赋予 某 个 窗口 ,使 之 成 为 当前 窗口 。 
blur() : 取消 某 个 窗口 的 焦点 。 
。 alert():; 弹出 一 个 含有 一 条 信息 的 对 话 框 。 
。 confirm(): 弹出 一 个 有 “确定 ”和 “取消 "按钮 的 对 话 框 。 
prompt(): 弹出 一 个 有 文本 框 的 对 话 框 ,返回 用 户 在 其 中 输入 的 信息 。 
scroll() : 将 窗口 滚动 到 参量 指示 的 位 置 。 
。 setTimeout() : 按 参 量 指定 的 毫秒 数 设 置 一 个 定时 器 。 
。 clearTimeout() : 取消 设置 的 定时 器 。 
window 对 象 是 其 他 对 象 的 父 对 象 , 所 以 调用 window 对 象 的 方法 时 不 必 显 式 引 用 。 例 
如 ,可 以 直接 调用 alert() ,不 必 采 用 window. alert() 的 形式 。 
程序 js12. html 介绍 了 window 的 alert 方法 和 onresize 事件 的 应 用 ,程序 运行 结果 如 
图 2-42 所 示 。 
程序 (\jspweb 项 目 \WebRoot\ch02NjstestNjs12. html) 的 清单 , 
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< html > 
< body> 
< Script Language = "JavaScript" for = "window" event = "onresize" we 
<!-- 
2 alert( 蒙 止 改变 窗口 大 小 !); 
--> 
</Script > 
<h3> 当 改变 窗口 大 小 时 便 发 生 onresize 事件 </h3 > 
</body> 
</html > 


OT olxl 
OE 3 ell 5 





eS a 


Ed| 
A 禁止 改变 窗口 大 小 ! 








图 2-42 窗口 对 象 onresize 事件 测试 


当 用 鼠标 拖 忠 窗口 边框 ,使 窗口 最 大 化 或 还 原 为 原来 大 小 时 , 便 发 生 请 句 1 指定 的 window 
对 象 的 onresize 事件 (event) ,执行 语句 2 弹出 alert 对 话 框 ,显示 “禁止 改变 窗口 大 小 1”。 
语句 1 中 的 for 和 event 是 标记 script 的 两 个 属性 。 它 们 的 一 般 用 法 是 : 


< Script Language = "JavaScript" for = "触发 对 象 " event = "触发 事件 "> 


程序 js13. html 介绍 了 window 对 象 open 方法 的 应 用 。 
程序 (\jspweb 项 目 \WebRoot\ch02NjstestNjs13. html) 的 清单 : 


< htm] > 
<head><title> 右 击 自动 链接 到 指定 网 站 </title> 
</head> 
< Script> 

function openwin(){ 
1 if(event.button==2 | event.button ==3){ 

alert( ' 欢 迎 您 '); 

2 window. open ( 'host. html', 'abc', ‘height = 200, width= 600, top = 20, left = 50, toolbar = yes, 


menubar = yes, scrollbars = yes, location = yes, status = yes'); 
return false; 
) 


3 document. onmousedown = openwin; 
</script> 
<body> 
在 这 里 右 击 会 弹出 一 个 提示 窗口 ,并 跳 转 到 指定 网 站 …… 
</body> 
</html > 


这 是 应 用 JavaScript 语句 响应 鼠标 事件 的 例子 。 程 序 运行 后 ,首先 执行 语句 3, 如 果 发 
生 单 击 鼠 标的 事件 onmousedown, 便 调用 函数 openwin。 

进入 openwin 函数 后 ,通过 语句 1 判断 是 不 是 右 击 ,由 于 有 的 鼠标 有 三 个 键 , 所 以 
event. button 一 一 2 或 event. button 一 一 3 都 是 指 鼠 标 右键 。 通 过 条 件 event. button 一 一 1， 
可 判断 是 否 单 击 了 。 

语句 2 调用 window 对 象 的 open 方法 打开 一 个 窗口 。 根 据 前 面 的 介绍 ,该 方法 有 三 组 
参量 : 第 一 个 参量 host. html 表示 打开 的 文件 名 ; 第 二 个 参量 abc 表示 打开 的 窗口 名 ; 其 余 
为 第 三 组 参量 。 其 中 ,toolbar、menubar、scrollbars、location、status 分 别 是 工具 条 、 菜 单条 、 
滚动 条 、 地 址 栏 ,状态 栏 。 这 里 都 设置 为 yes。 如 果 某 项 设置 为 no, 则 表示 打开 的 窗口 中 没 
有 相应 的 项 。 执 行 语句 2 后 , 便 打 开 了 如 图 2-43 所 示 的 窗口 。 实 际 上 打开 的 就 是 正 浏览 
器 窗口 。 文 件 名 host. html 已 在 地 址 栏 中 ,根据 这 个 地 址 ,自动 打开 了 该 文件 。 
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图 2-43 ”程序 js13. html 的 运行 结果 


3. document 对 象 

window 对 象 可 包含 document 对 象 。document 对 象 的 方法 : 

。 close() : 关闭 用 document. open 方法 打开 的 输出 流 .并 显示 选 定 的 数据 。 

。 getElementById(): 返回 对 拥有 指定 id 的 第 一 个 对 象 的 引用 。 

。 getElementsByName(): 返回 带 有 指定 名 称 的 对 象 集合 。 

。 getElementsByTagName(): 返回 带 有 指定 标记 名 的 对 象 集合 。 

。 open(): 打开 一 个 流 ,以 收集 来 自任 何 document. write() 或 document. writeln() 方 

法 的 输出 。 

。 write() : 向 文档 写 HTML 表达 式 或 JavaScript 代码 。 

。 writeln() : 等 同 于 write 方法 ,不 同 的 是 在 每 个 表达 式 之 后 写 一 个 换行 符 。 

通过 document 对 象 可 以 操作 网 页 的 基本 元 素 。 每 个 document 中 可 有 多 个 form 表单 
对 象 。 通 过 form 对 象 便 可 操作 表单 中 的 各 个 控件 。 表 单 中 的 控件 就 是 form 对 象 的 元 素 。 
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通过 下 面 的 例子 来 说 明 这 个 问题 。 
程序 (\jspweb 项 目 \WebRoot\ch02\jstest\js14. html) 的 清单 : 


<html> 
<head> 
< Script Language = "JavaScript"> 
-= 
function change( ){ 
// 通 过 style. visibility 属性 隐藏 第 一 个 图 片 
document. images[0]. style. visibility = "hidden"; 
document. images[1]. style. visibility= "visible"; // 显 示 第 二 个 图 片 
// 将 第 一 个 文本 框 中 预 设置 的 字符 串 存 人 变量 str 
str = document. forms[0].elements[0].value; 
document. forms[0].elements[1].value= str; // 将 str 赋予 第 二 个 文本 框 
// 将 焦点 移 到 第 二 个 文本 框 ,使 其 进入 文字 输入 状态 . 
document. forms[0].elements[1]. focus(); 
// 清 除 第 一 个 文本 框 中 预 设置 的 文字 
document, forms[0].elements[0].value= ""; 
// 隐 藏 第 一 个 文本 框 
document. forms[0].elements[0]. style. visibility = "hidden"; 


} 
function show(){ 
// 显 示 第 一 个 文本 框 

document. forms[0].elements[0]. style. visibility = "visible"; 
document. images[0]. style. visibility = "visible"; // 显 示 第 一 个 图 片 
eval( 'div1. style. background = "blue" ; '); // 将 divl 背景 色 设置 为 蓝 色 
eval( 'div2. style. background = "red"; '); // 将 div2 背景 色 设置 为 红色 
eval( 'div3. style. background = "lightblue" ; '); // 将 div3 设置 为 天 蓝 色 
eval( 'div4. style. background = "antiquewhite"; '); //div4 设置 为 笋 黄色 


function info(){ 
cfm = confirm(" 确 实 要 保留 文本 2 的 内 容 吗 ?"); 
if(cfm); 
else document. forms[0]. elements[1].value= ""; 
} 
二 二 之 
</Script> 
</head> 


<body> 
< form action = jsl4a. html method = post name = frm> 
<table> 
<tr> 
<td> 
<div id= "divi"> 
< img src = "../data/ 黄 山 迎 客 松 . jpg" width = 200 height = 200 style = "visibility:visible"> 
</div> 
</td>< td> 
<div id= "div2" align = "center"> 


< img src="../data/ 狼 山 .jpg" width= 270 height = 200 style= "visibility:hidden"> 
</div> 
</td></tr> 
<tr><td> 
<div id= "div3"> 
文本 1< input type = "text" value = "这 是 预 设置 文字 "><br><br> 
文本 2< input type = "text" value= "改变 此 内 容 将 弹出 提示 框 ”size = 22 onChange = "info( ); "> 
</div> 
</td><td> 
<div id= "div4"> 
< input type= "button" value = "切换 隐藏 图 片 " onClick = "change();"> 
< input type = "button" value= "显示 图 片 及 设置 背景 色 " size = 15 onClick = "show();"><br><br> 
< input type = submit value = "提交 表单 "> 
< input type= reset value= " 重 置 "> 
</div> 
</td></tr></table> 
</form> 
</body> 
</html > 


程序 中 定义 了 change() .show() ,info() 三 个 函数 ,设置 了 divl .div2 .div3 .div4 四 个 分 区 。 

在 divl 分 区 链接 子 文件 夹 “../data/” 中 的 “黄山 迎 客 松 .jpg” 图 片 ,并 设置 为 可 见 。 

在 div2 分 区 链接 子 文件 夹 *../data/” 中 的 “ 狼 山 .jpg” 图 片 , 并 设置 为 隐藏 。 

在 div3 分 区 添加 了 两 个 文本 框 。 在 第 一 个 文本 框 中 预 设置 了 “这 是 预 设置 文字 ” 几 个 
字 。 在 div4 分 区 添加 了 “切换 隐藏 图 片 “ 显 示 图 片 及 设置 背景 色 ”“ 提 交 表单 ”“ 重 园 ” 四 个 
按钮 。 

本 例 中 涉及 document 对 象 的 元 素 有 : images[0]、images[1] 是 两 个 图 像 元 素 , 代 表 两 
个 图 片 对 象 ; 索引 0、1 分 别 表 示 第 一 个 图 片 和 第 二 个 图 片 。 

本 程序 的 document 对 象 只 包含 了 一 个 form 表单 对 象 ,表示 为 forms[0]。 

通过 < input > 标记 在 表单 中 添加 的 控件 ,都 是 form 对 象 的 元 素 , 表 示 为 forms[0]. 
elements[ 让 ,其 中 i 可 取 0,1,2,… 值 。 按 照 添加 顺序 ,0 为 第 一 个 添加 的 文本 框 ; 1 为 第 二 
个 添加 的 文本 框 ; 2 为 第 一 个 添加 的 “切换 隐藏 图 片 ” 按 钮 ; 3 为 第 二 个 添加 的 “显示 图 片 及 
设置 背景 色 ” 按 钮 ; 4 为 第 三 个 添加 的 “提交 表单 ”按钮 ; 5 为 第 四 个 添加 的 “ 重 置 "按钮 。 

程序 启动 屏幕 显示 如 图 2-44 所 示 。 由 于 隐藏 了 右边 DIV2 中 的 图 片 ,所 以 开始 只 显示 
左 侧 的 第 一 个 图 片 。 

单 击 “ 切 换 隐藏 图 片 ” 按 钮 , 便 通 过 该 按钮 设置 的 onClick 属性 调用 change 函数 。 显 示 
结果 为 : 隐藏 了 第 一 个 图 片 和 第 一 个 文本 框 ; 显示 第 二 个 图 片 . 将 原先 第 一 个 文本 框 中 的 
文字 移 到 了 第 二 个 文本 框 中 ,并 且 第 二 个 文本 框 获 得 了 焦点 ,其 中 出 现 一 条 闪烁 的 竖 线 光 
标 , 如 图 2-45 所 示 。 

单 击 “ 显 示 图 片 及 设置 背景 色 ” 按 钮 , 便 调用 show 函数 ,设置 第 一 个 文本 框 和 第 一 个 图 
片 为 可 显示 ,设置 4 个 分 区 的 背景 色 。eval 函数 的 功能 是 执行 括号 中 的 表达 式 。 例 如 ,请 句 
“eval( 'divl. style. background 二 "blue";');” 的 功能 是 执行 括号 中 的 表达 式 “div1. style. 
background 二 "blue";”, 即 设置 divl 分 区 的 背景 色 为 蓝 色 。 原 来 文本 1 中 预 设置 的 文字 已 
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文本 1 全 是 预 设 置 文字 切换 隐藏 图 片 | 显示 图 片 及 设置 背景 色 





文本 2 由 严 琵 内 容 将 弹出 提示 框 重 置 加 
| 三 三 厂矿 央 Btemt 奈 -[ 太 ZW - 及 4 











2-44 ”程序 启动 时 的 界面 











文本 1 切换 隐藏 图 片 显示 图 片 及 设置 背景 色 


文本 o 革 下 于 二 文 ”。”。”。。 轩 蚁 着] 证 划 | E 
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图 2-45 单 击 “切换 隐藏 图 片 ”按钮 后 


转移 并 出 现在 第 二 个 文本 框 中 ,第 一 个 文本 框 中 的 文字 由 于 已 被 清除 而 不 再 出 现 ,如 图 2-46 
所 示 。 

如 果 单 击 “ 重 置 ?按钮 ,由 于 该 按钮 的 reset 属性 ,将 各 文本 框 恢复 为 初始 状态 ,如 图 2-47 
所 示 ,这 时 两 个 文本 框 中 的 内 容 和 图 2-44 相同 。 

由 于 第 二 个 文本 框 设置 了 onChange 属性 ,如 果 修改 了 其 中 的 内 容 ,然后 单 击 文本 框 外 
的 任何 位 置 ,由 于 文本 框 的 内 容 发 生 了 改变 , 便 触 发 onChange 事件 ,这 时 调用 info 函数 , 函 
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2-46 单 击 “显示 图 片 及 设置 背景 色 ” 按 钮 后 
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图 2-47 单 击 “ 重 置 ”按钮 后 








数 中 调用 confirm 方法 ,弹出 如 图 2-48 所 示 的 对 话 框 ,然后 需要 EE 
确认 是 不 是 要 改变 文本 框 的 内 容 。 如 果 单 击 其 中 的 “确定 ” 按 3) 克昌? 


钮 , 则 不 做 任何 处 理 , 即 确认 了 文本 框 中 的 输入 。 如 果 单 击 * 取 桔 
消 "按钮 , 便 清 除 在 文本 框 中 的 内 容 , 然 后 关闭 对 话 框 。 


如 果 单 击 “ 提 交 表 单 ” 按 钮 ,由 于 该 按钮 的 type 属性 为 图 2-48 确认 修改 
submit( 提 交 ) , 便 通过 表单 的 action 属性 调用 jsl4a. html 文件 ,如 果 事 先 已 将 该 文件 存放 
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在 本 文件 夹 中 ,可 展示 如 图 2-49 所 示 的 结果 。 关 于 表单 信息 的 处 理 方法 将 在 本 书 的 JSP 技 
术 相关 章节 中 做 详细 介绍 。 
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2-49 单 击 “ 提 交 表 单 ” 按 钮 后 的 情形 


JavaScript 语言 以 它 简单 明了 的 特点 为 广大 程序 人 员 所 喜爱 ,所 以 应 用 十 分 广泛 。 学 
习 JavaScript 的 一 个 好 方法 是 阅读 用 它 编 写 的 程序 ,通过 这 些 程 序 不 但 可 以 加 深 对 本 章 基 
本 内 容 的 理解 ,而 且 只 有 通过 实例 才能 真正 领悟 JavaScript 的 灵活 编程 方式 。 在 稍 后 学 习 
的 JSP 程序 中 ,大 量 应 用 了 JavaScript ,通过 这 些 程序 读者 将 会 更 好 地 了 解 JavaScript 在 网 
络 编程 中 的 作用 。 


习 题 2 


. 简要 说 明 表 格 与 框架 在 网 页 布局 时 的 区 别 。 

. 在 网 页 设计 中 使 用 图 像 时 应 注意 哪些 问题 ? 

. 举例 说 明 在 网 页 中 使 用 CSS 样式 表 的 三 种 方式 ,并 简要 分 析 各 自 的 特点 。 

.编写 实现 如 图 2-50 所 示 页 面 效 果 的 关键 HTML 代码 。 其 中 ,A、B、C、D\E 均 为 默 
认 字 号 和 默认 字体 ,并 且 加 粗 显 示 , 都 位 于 各 自 单元 格 的 正中 间 。 要 求 A 单元 格 的 高 度 为 
200 像素 ; B 单元 格 的 高 度 为 100 像素 ; C 单元 格 的 宽度 为 100 像素 ,高 度 为 200 像素 。 


D5 

















2-50 第 4 题 图 


5. 已 知 页 面 效果 如 图 2-51 所 示 ( 其 中 的 细 线 效果 均 为 1 像素 粗细 ,颜色 为 黑色 ) ,请 填 
写 以 下 HTML 代码 中 留 下 的 空白 (编号 相同 的 空白 表示 应 填写 相同 的 内 容 ) ,注意 填写 在 
题 后 的 空白 里 。 

(1) 《四 (3) 

(4) (5) 








如 梦 令 





昨夜 雨 玖 风 又 ， 
浓 睡 不 消 残 酒 。 


试问 卷 帘 人 ， 
却 道 海棠 依旧 。 
知 否 ? 知 否 ? 
应 是 绿肥 红 瘦 。 








| |「 加 到 师 


图 2-51 第 5 题 图 


<table cellspacing= (1) cellpadding= (2) align= "center"> 
<tr height = "100"> 
<td width= "100"> &nbsp; <td width="1" (3) 
<td width= "600"><hl align = "center"><font (4) =" 楷体 _gb2312"> 如 梦 令 </font></hl> 
te (SY ="1"> <td colspan= "3" (3) > 
<tr height = "600"> 
<td width= "100"> &nbsp; <td width="1" (3) > 
<td width= "600" align = "middle" valign = "top"><h3 >< br>< br > 昨夜 雨 玖 风 骤 ,< br > 浓 睡 不 
消 残 酒 . 
<br> 试 问卷 帘 人 ,< br > 却 道 海棠 依旧 .< br> 知 否 ? 知 否 ?< br > 应 是 绿肥 红 瘦 .</h3> 
</table> 








6. 已 知 网 页 效果 如 图 2-52 所 示 ,请 编写 相应 HTML 文件 。 


请 输入 姓名 
请 输入 密码 ， 
请 选择 性 别 ，C 男人 女 


请 选择 兴趣 : 于 如 
到 
EE 
图 2-52 第 6 题 图 








7. 写 出 实现 如 图 2-53 所 示 表 格 的 HTML 代码 。 
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2-53 第 7 题 图 





第 3 章 Java Web 开发 环境 搭建 





本 章 学 习 目 标 

。 熟悉 Java Web 的 工作 原理 ; 

。 熟悉 Java Web 开发 环境 搭建 ; ei 
。 掌握 JSP Web 程序 的 开发 过 程 。 Java Web 开发 环境 搭建 





3.1 Java Web 工作 原理 


Java Web 是 用 Java 技术 来 解决 互联 网 领域 相关 Web 的 技术 总 和 ,包括 服务 器 和 客户 
端 两 部 分 。Java 在 客户 端的 应 用 有 Java Applet ,不 过 现在 使 用 得 很 少 ; Java 在 服务 器 端的 
应 用 非常 丰富 ,如 Servlet、JSP 和 第 三 方 框架 等 。Java 技术 对 Web 领域 的 发 展 注入 了 强大 
的 动力 。 

Web 的 工作 原理 是 : 用 户 使 用 浏览 器 通过 HTTP 协议 请 求 服务 器 上 的 Web 资源 , 服 
务 器 接收 到 用 户 发 送 的 请 求 后 , 读 取 请 求 URL 所 标识 的 资源 ,加 上 消息 报头 发 送 给 客户 端 
的 浏览 器 ,浏览 器 解析 响应 中 的 HTML 数据 ,向 用 户 呈 现 多 姿 多 彩 的 HTML 页 面 。 整 个 
过 程 如 图 3-1 所 示 。 


ttt | 


F 
L_HTTP 请 求 |，。| Web 服 务 器 
人 | eh 资源 页 面 
i HTTP 响 应 | 〈 如 Tomcat) 
、 Xx [LE 
| FF 一 一 
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图 3-1 Java Web 工作 原理 


搭建 Java Web 开发 运行 环境 所 要 用 到 的 软件 如 表 3-1 所 示 。 
表 3-1 搭建 Java Web 开发 运行 环境 所 要 用 到 的 软件 
































软 件 作 用 
JDK 整个 Java 的 核心 ,包括 了 Java 运行 环境 、Java 工具 和 Java 基础 类 库 
MyEclipse 集成 开发 工具 。 用 于 Java EE 的 开发 ,发 布 以 及 应 用 程序 服务 器 的 整合 
Tomcat Tomcat 服务 器 是 一 个 免费 的 开放 源 代码 的 轻 量 级 Web 应 用 服务 器 。 在 中 小 型 


系统 和 并 发 访问 用 户 不 是 很 多 的 场合 下 被 普遍 使 用 ,是 开发 和 调试 JSP 程序 的 
首选 
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续 表 
软 件 作 用 
MySQL MySQL 是 一 个 开放 源码 的 小 型 关联 式 数 据 库 管理 系统 。 由 于 其 体积 小 、 速 度 
快 .成 本 低 ,尤其 是 开放 源码 这 一 特点 ,被 广泛 地 应 用 在 Internet 上 的 中 小 型 网 
站 中 


Navicat for MySQL ”Navicat 是 一 套 快 速 、 可 靠 的 数据 库 管 理工 具 , 用 来 对 本 机 或 远程 的 MySQL、 
SQL Server、SQLite、Oracle 及 PostgreSQL 数据 库 进行 管理 及 开发 


3.2 ” Tomcat 的 安装 配置 


Tomcat 服务 器 是 一 个 免费 的 开放 源 代码 的 轻 量 级 Web 应 用 服务 器 。Tomcat 是 
Apache 软件 基金 会 的 Jakarta 项 目 中 的 一 个 核心 项 目 , 由 Apache、Sun 和 其 他 一 些 公 司 及 
个 人 共同 开发 。 由 于 有 了 Sun 公司 的 参与 和 支持 ,最 新 的 Servlet 和 JSP 规范 总 是 能 在 
Tomcat 中 得 到 体现 。 因 为 Tomcat 技术 先进 、 性 能 稳定 ,而 且 免费 ,因而 深 受 Java 爱好 者 
的 喜爱 ,成 为 目前 流行 的 Web 应 用 服务 器 。Tomcat 服务 器 在 中 小 型 系统 和 并 发 访问 用 户 
不 是 很 多 的 场合 下 被 普遍 使 用 ,是 开发 和 调试 JSP 程序 的 首选 。 

在 Sun 公司 的 Java Servlet 规范 中 ,对 Java Web 应 用 做 了 这 样 的 定义 : Java Web 应 用 
由 一 组 Servlet HTML 页 .类 ,以 及 其 他 可 以 被 绑 定 的 资源 构成 ,可 以 在 各 种 供应 商 提供 的 
实现 Servlet 规范 的 Web 应 用 容器 中 运行 。Tomcat 就 是 这 样 一 个 实现 了 Servlet 规范 的 
Servlet/JSP 容器 。 

在 开始 安装 Tomcat 之 前 , 先 准 备 JDK 和 Tomcat 两 个 软件 ,如 果 已 经 安装 了 JDK, 只 
需 Tomcat 即 可 。 

安装 JDK 后 ,必须 配置 系统 的 JDK 环境 变量 ,设置 环境 变量 的 方法 如 下 : 

(1) 右 击 “我 的 电脑 ”一 属性 一 高 级 一 环境 变量 一 新 建 。 

(2) 分 别 新 建 如 下 系统 环境 变量 JAVA_HOME 和 CLASSPATH。 

@ 系统 环境 变量 : JAVA_HOME=JDK 的 安装 路 径 。 

@ 系统 环境 变量 : CLASSPATH= .;%JAVA_HOME%\lib\tools. jar; %JAVA_ 
HOME%\LIB\dt. jar。 

在 定义 CLASSPATH 变量 时 ,此 变量 的 值 必须 以 *. ;” 开 头 ,“. ”代表 当前 目录 。 以 上 
准备 工作 完成 以 后 可 以 运行 Tomcat 的 安装 程序 ,在 安装 过 程 中 按照 提示 选取 默认 值 即 可 ， 
当 问 到 JDK 时 只 要 给 出 正确 的 JDK 安装 路 径 。 

Tomcat 的 安装 步骤 如 下 : 

(1) 从 http://tomcat. apache. org/ 网 站 下 载 Tomcat, 如 图 3-2 所 示 。 

(2) 注意 ,可 以 下 载 zip 格式 或 exe 格式 的 Tomcat, 其 中 zip 格式 的 只 要 解压 缩 再 配置 
环境 变量 就 可 以 使 用 了 。 这 里 使 用 的 是 exe 文件 ,exe 文件 对 于 新 手 比较 方便 。 

(3) 下 载 后 的 文件 为 apache-tomcat-7. 0. 21. exe。 

(4) 双击 安装 文件 ,根据 安装 向 导 提 示 ,可 方便 完成 安装 。 

(5) 测试 ,在 浏览 器 地 址 栏 输入 http://localhost:8080 或 http://127. 0. 1. 1:8080 ,出 
现 如 图 3-3 所 示 的 结果 , 则 表示 Tomcat 安装 成 功 。 
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Apache Tomcat Apache Tomcat 
Home 
Taglibs Apache Tomcat is an open source software 
Maven Plugin implementation of the Java Servlet and JavaServer Pages 
technologies. The Java Servlet and JavaServer Pages 
Download specifications are developed under the lava Community 
Which version? Process. 
Tomcat 8.0 
Tomcat 7.0 Apache Tomcat is developed in an open and participatory 
Tomcat 6.0 environment and released under the i 
Tomcat Connectors version 2. Apache Tomcat is intended to be a collaboration 
Tomcat Native of the best-of-breed developers from around the world. 
Archives We invite you to participate in this open development 
project. To learn more about getting involved, click here. 二 
http /fw. apache org/ 三 三 万 万 万 厅 卫 itermet | 而-[ 太 100% -及 


图 3-2 下载 Tomcat 
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Apache Tomcat 
SR The Apache Software Foundation 
http://www.apache.org/ 


Administration Ifyou're seeing this page via a web browser, it means you've setup 


Tomcat successfully. Congratulations! 


Tomcat Manager As you may have guessed by now, this is the default Tomcat home page lt can 
be found on the local filesystem at 


Documentation SCATALINA HOME/webapps/ROOT/index.html 


Release Notes Where "SCATALINA_HOME" is the root of the Tomcat installation directory. |f 
Change Log 机 youre seeing this page, and you don'tthink you should be, then you're either a 
Iomcat Documentation User who has arrived at new installation of Tomcat or youre an administrator 
who hasn't got his/her setup quite right. Providing the latter is the case, please 
refer to the Tomcat Documentation for more detailed setup and administration 


TomcatOnline information than is found in the INSTALL file. 


Home Page NOTE: For security re: ns, using the administration webapp is 
EAQ restricted to users with role "admin". The manager webapp is restricted 
Bug Database to users with role “manager". Users are defined in 


Open Buas STATAT TNA HNMF/conf/tomrat—nsors wml El 
全 Internet 臣 100% ~ 











3-3 测试 Tomcat 
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3.3 在 MyEclipse 中 配置 Tomcat 


在 MyEclipse 6.0 以 上 的 版 本 中 都 自 带 了 一 个 Tomcat, 如 果 使 用 用 户 安装 的 Tomcat 
服务 器 ,就 需要 把 用 户 安装 的 Tomcat 集成 到 MyEclipse 中 ,以 便 给 开发 带 来 方便 。 

在 MyEclipse 中 配置 用 户 安装 的 Tomcat 的 方法 如 下 : 

(1) 从 MyEclipse 菜单 栏 上 的 “窗口 (Window)” 菜 单 中 选择 “首选 项 (Preferences)”, 打 
开 如 图 3-4 所 示 的 对 话 框 。 


DPreferences 


type filter text Tomcat 6x 
四 Bestet Sat | orien 
Thoss 
下 Jatty Oale 
图 JOMS Ohissble 
下 卫 mn 
时 0racle Tomcat hone directory: D:\tomcat 6.0 
困 Orion 
由 Resin Tomcat base directory: D:\tomcat 6.0 
困 Sun Java System 
回 Tomcat Tomcat temp directory: D:\tomcat 6.0\tenp 








Optional progran arguments 


WToncat 4.x 
5 








Restore Defaults 











图 3-4 配置 Tomcat 服务 器 


(2) 在 左边 窗口 栏 中 选择 MyEclipse Enterprise Workbench->Servers~>Tbmcat 一 Tpmcat 6. x。 

(3) 在 右边 窗口 栏 的 Tomcat home directory 对 应 的 文本 框 中 通过 浏览 方式 填 人 已 安 
装 的 Tomcat 的 主 目录 。 下 面 的 两 个 选项 的 内 容 会 自动 添加 进去 。 

(4) 选择 Enable 单 选 按钮 。 

(5) 在 左边 窗口 栏 中 选择 JDK ,在 右边 窗口 栏 中 单 击 Add 按钮 ,选择 JRE 所 在 的 目录 ,如 
C:\Program Files\Java\jre6。 单 击 "OK” 按 钮 ,完成 JDK 配置 。 到 此 就 可 以 在 MyEclipse 中 局 
动 自己 安装 的 Tomcat 了 。 

在 MyEclipse 开发 环境 工具 栏 上 有 以 下 三 个 与 Web 发 布 有 关 的 图 标 , 如 表 3-2 所 示 。 

表 3-2 工具 栏 中 与 Web 发 布 有 关 的 图 标 





图 标 功 能 
Ey 项 目 发 布 
时” 启动 /停止 Web 服务 器 
© 启动 MyEclipse 内 置 浏览 器 


。 选择 “项 目 发 布 ”按钮 ,可 将 指定 的 项 目 发 布 到 选 定 的 服务 器 上 。 
。 选取 “启动 /停止 Web 服务 器 ”按钮 ,会 打开 一 个 下 拉 列 表 , 在 下 拉 列 表 中 选择 响应 
服务 器 中 的 Start 选项 , 即 可 启动 服务 器 。 


。 选择 内 置 浏览 器 ,可 在 IDE 环境 下 开启 浏览 窗口 ,浏览 发 布 的 Web 站 点 。 当 然 , 也 


可 以 通过 外 部 浏览 器 访问 服务 器 。 


3.4 使 用 MyEclipse 创建 Web 工程 


在 MyEclipse 中 有 很 多 工程 模板 ,可 以 根据 需要 选择 相应 的 模板 。 


创建 Web 工程 的 步骤 如 下 : 


(1) 从 菜单 中 选择 “文件 (File)” 一 “新 建 (New)” 一 “Web 项 目 (Web Project)”, 弹 出 如 


图 3-5 所 示 的 对 话 框 。 


PHew Web Project 


Create a Web Project 


Create a web project in the workspace or an external location 


Web Project Details 
[tale 

Use default location 
D: Web 项 目 \Hsl1。 


Project Name: 
Location: 
Directory: 
Source folder: 
Web root folder: 
Context root URL: 

















sre 





WebRoot 
/Nello 











J2EE Specification Level 


OJTava EE 50 OEE14 O 〇 JzEE 1.3 


Naven 











Add Waven support 
Learn more about Ilayen4llyEclipse 


JSTL Support 





图 3-5 创建 Web 工程 








(2) 在 窗口 中 填写 工程 的 名 字 为 Hello, 指 定 工程 项 目的 保存 路 径 , 其 他 可 选 默认 值 , 选 
择 Java EE 5. 0 单 选 按钮 , 单 击 Finish 按钮 即 可 。 这 时 在 左边 的 包 资 源 管理 器 中 可 以 看 到 


如 图 3-6 所 示 的 目录 结构 。 

从 图 中 可 以 看 到 ,src 是 存放 类 源 文件 的 目录 ; 
WebRoot 为 虚拟 路 径 , 用 于 存放 静态 网 页 和 动态 网 页 的 目 
录 ; WEB-INF 是 受 Web 容器 保护 的 目录 ,在 这 个 目录 下 
有 一 个 lib 目录 ,用 来 存放 工程 用 到 的 jar 包 ; web. xml 是 
描述 符 文 件 , 是 Java Web 服务 必须 有 的 配置 文件 ,用 于 
配置 和 Web 服务 相关 的 一 些 参数 ,包括 Servlet 拦截 
器 等 。 








多 ra。 
三 se 
Bh JRE System Library [ji 
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图 3-6 ”Web 工程 的 目录 结构 
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3.5 使 用 MyEclipse 发 布 Web 工程 


Web 工程 创建 完成 以 后 ,可 以 在 这 里 编程 .调试 和 发 布 。 
将 刚才 建立 的 Hello 工程 发 布 到 服务 器 中 的 步骤 如 下 : 
(1) 在 工具 栏 中 单 击 “ 项 目 发 布 " 按 钮 ,弹出 如 图 3-7 所 示 的 对 话 框 ,在 工程 (Project) 下 
拉 列 表 框 中 选中 要 发 布 的 工程 , 单 击 Add 按钮 ,弹出 如 图 3-8 所 示 的 对 话 框 。 


办 Project Deplo7aents 






Manage Deployments mg PHew Deploynent 
Deploy and undeploy J2EE projects New Deployment = 
Create new project deployment for Hello | 三 














Project [Hello > 
Deployments Web Project: Hello 
Server Type 和 Server ~ 
| Erternally Lamehed 
| clipse Toncat 
| Deploy type 
| p Custon Location ~ Suffixed. 
| [Castom Location> 
Deploy Location 
< > w 
图 3-7 选择 要 发 布 的 Web 工程 图 3-8 选择 要 发 布 的 Web 服务 器 


(2) 在 New Deployment 对 话 框 中 的 Server 下 拉 列 表 框 中 选择 用 于 发 布 工程 的 Web 
服务 器 ,如 果 没 有 安装 自 定义 的 Web 服务 器 , 则 只 有 一 个 MyEclipse 自 带 的 服务 器 。 单 击 
Finish 按钮 ,出 现 如 图 3-9 所 示 的 对 话 框 ; 再 单 击 OK 按钮 , 即 完成 Web 工程 的 发 布 。 


Wproject Deployments 


Manage Deployments 
Deploy and undeploy J2EE projects 


Project [Hello Y 
Deployments 
Server Type Location 


V 着 Tomeat 6x Exploded D:\toncat 6.0\webapps\Hello PT 


Redeploy 
< > Browse 


Deployment Status 
Successfully deployed. 
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图 3-9 Web 工 程 的 发 布 


(3) 完成 发 布 后 ,可 以 从 如 图 3-10 所 示 的 工具 栏 中 启动 Web 服务 器 ,也 可 以 从 开始 程 
序 中 选择 Monitor Tomcat, 在 任务 栏 上 启动 Tomcat。 

服务 器 启动 成 功 后 ,打开 浏览 器 ,在 地 址 栏 输入 http://localhost:8080/Hello, 出 现 如 
图 3-11 所 示 的 画面 ,说 明 工 程 发 布 成 功 。 


El JSP“"inaex-jsp” starting page... 区 |] 回避 
上 pm fy 文件 编辑 下 ) ”查看 G) 收 若 工具) 必 ” 
器 "多 \6: 基 多 国 - : 苗 ~ EE u a 


@sm-© -四 加 的 Pw 


地 址 四) 图 http://1ocalhost:8080/Hellof 。 尖 





This is my JSP page 





上 Nanage Deployments 





所 本 地 Intranet 


3-10 启动 Web 服务 器 图 3-11 访问 服务 器 中 的 Hello 应 用 程序 
3.6 Tomcat 其 他 常用 设置 


以 下 介绍 的 Tomcat 常用 设置 , 仅 供 提高 服务 器 安全 性 能 做 参考 。 有 些 服 务 器 在 部 
署 时 未 考虑 这 些 因素 ,学 习 时 切 不 可 对 正常 运行 的 服务 器 进行 “试验 ”, 以 兔 产 生 不 和 良 
后 果 。 

1. Tomcat 管理 员 用 户 名 和 密码 设置 

进入 Tomcat 安装 目录 的 conf 文件 夹 中 ,在 tomcat-users. xml 中 设置 用 户 admin 的 密 
码 ,密码 要 复杂 。 

原来 的 tomcat-user. xml 是 : 


<?xml version = '1.0'encoding= "utf -8"?> 
< tomcat ~ users> 

< role rolename = "manager"/> 

< role rolename = "admin"/> 

< user username = "admin" password = "" roles = "admin, manager"/> 
</tomcat - users> 


语句 “< user username 二 "admin" password 一 "" roles 二 "admin,manager"/>” 表 示 用 户 
admin 的 密码 为 空 ,拥有 admin 和 manager 的 权限 。manager 和 admin 是 有 特权 的 角色 ,如 
果 想 登录 tomcat manager, 必 须 添加 manager 角色 ,如 果 要 进入 status, 则 必须 添加 admin 
角色 。 

2. 处 理 webapps 目录 下 的 管理 文件 夹 

为 了 安全 起 见 ,建议 删除 webapps 目录 下 的 ROOT、manager、host-manager 和 docs 四 
个 目录 。 也 可 以 不 删除 ,而 将 其 改名 。 

3. 禁用 目录 访问 设置 

默认 安装 Tomcat 时 ,如 果 目 录 没 有 index. jsp, 会 默认 把 目录 文件 列 出 来 ,如 图 3-12 所 
示 , 此 时 存在 安全 隐患 。 

为 了 禁止 Tomcat 目录 访问 。 可 以 在 Tomcat 的 服务 中 进行 如 下 设置 。 

(1) 打开 Tomcat 安装 目录 \conf\web. xml, 找 到 init-param 节点 : 


<init ~ param> 
<param— name > listings </param 一 name> 
<param— value> false </param — value> 
</init - param> 
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地 址 四) | 蜀 http:/Pocalhost:8080/bysj_17 辣 | 图 苇 到 。 诈 笠 


Directory Listing For / 由 





Filename Size Last Modified 


byvsitest/ Fri, 14 Sep 2012 08:33:06 GMT 


showdb/ Fri, 14 Sep 2012 08:33:07 GMT 





Apache Tomcat/6.0.14 


狠 寺 中 晤 抽 Reaet 








图 3-12 Tomcat 默认 安装 时 目录 不 安全 
(2) 将 listings 参数 设置 为 false。 修 改 后 ,禁用 目录 访问 有 效 , 如 图 3-13 所 示 。 


地 站 加) | 罩 http://1ocalhost:8080/bysj_1/ > ks 让 
HTTP Status 404 - /bysj_1/ = 


WE status report 





BET /bys 1/ 
QTTTT The reouested resource (/bys 1/) is not avaiable. 
外 完毕 晤 本 地 Intranet 











3-13 ”Tomcat 禁用 目录 访问 效果 


4. 禁用 管理 控制 台 设置 

默认 情况 下 ,可 以 登录 http://localhost:8080/ , 单 击 主页 中 的 Tomcat Manager 按钮 ， 
输入 admin, 默 认 密码 为 空 , 即 可 进入 Tomcat 管理 台 ,出 现 如 图 3-14 所 示 的 目录 管理 界面 。 
这 将 造成 严重 安全 问题 ,解决 这 一 问题 的 办 法 是 修改 {( $tomcat_home}Vconf/ 目 录 下 
tomcat-users. xml 文件 中 的 用 户 密码 。 

5. 禁用 远程 shutdown 命令 

默认 情况 下 { $ tomcat_home)/conf/ 目 录 下 的 server. xml 文件 中 有 下 面 一 行 配置 : 


< Server port = "8005" shutdown = "SHUTDOWN"> 


允许 任何 人 只 要 telnet 到 服务 器 的 8005 端口 ,输入 SHUTDOWN ,然后 按 Enter 键 ,服务 器 
立即 就 被 关 掉 了 。 从 安全 的 角度 上 考虑 ,需要 把 这 个 SHUTDOWN 指令 改 成 一 个 别人 不 
容易 猜测 的 其 他 字符 串 ,也 可 禁用 8005 端口 。 

6. 修改 Tomcat 默认 服务 器 端口 8080 

在 实际 工程 中 ,通常 将 Tomcat Web 服务 的 默认 端口 8080 改 成 80 ,这 样 用 户 在 访问 站 
点 时 就 不 必 在 地 址 栏 中 加 入 端口 号 8080 了 ,因为 HTTP 请 求 地 址 中 默认 的 端口 号 即 为 80 
端口 ,设置 Tomcat Web 服务 的 端口 的 方法 是 修改 { $ tomcat_home})/conf/ 目 录 下 server. 
xml 文件 ,将 下 列 语句 : 
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3-14 用 户 进 入 Tomcat 管理 界面 
< Connector port = "8080" protocol = "HTTP/1.1" 


中 的 端口 号 *8080” 改 为 *80”, 修 改 后 的 语句 为 : 


< Connector port = "80" protocol = "HTTP/1.1" 


这 样 ,在 访问 Tomcat Web 站 点 时 ,就 不 必 加 8080 端口 号 了 ,如 输入 http://localhost/ 妈 可。 

7. 修改 Tomcat 默认 可 以 使 用 的 内 存 大 小 

Tomcat 默认 可 以 使 用 的 内 存 为 128MB, 在 较 大 型 的 应 用 项 目 中 ,这 些 内 存 是 不 够 的 ， 
需要 调 大 ,修改 方法 如 下 。 

对 于 Windows 系统 ,在 文件 {tomcat_home)/bin/catalina. bat 的 前 面 ,增加 如 下 设置 : 

JAVA_OPTS= ' 一 Xms[ 初 始 化 内 存 大 小 ] - Xmx[ 可 以 使 用 的 最 大 内 存 ]', 可 把 这 两 
个 参数 值 调 大 。 

例如 : 


JAVA_OPTS = '— Xms256m — Xmx512m' 


表示 初始 化 内 存 为 256MB, 可 以 使 用 的 最 大 内 存 为 512MB。 
对 于 UNIX 系统 ,在 文件 {tomcat_home)}/bin/catalina. sh 的 相应 位 置 增加 上 述 设 置 。 
8. 让 Tomeat 支持 中 文 文件 名 
一 般 情况 下 Tomcat 不 支持 中 文 文件 名 ,如 超 链接 中 下 载 含 有 中 文 名 字 的 文件 时 则 会 
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出 现 文件 名 乱码 。 解 决 方法 是 ,修改 Tomcat 的 server. xml 文件 ,在 < Connector port 一 
"8080"…> 标记 中 添加 语句 URIEncoding 二 "UTF-8", 加 上 这 句 就 可 以 识别 中 文 文件 名 了 。 
而 且 不 只 在 JSP 页 面 中 显示 中 文 文件 名 ,还 可 以 提示 是 打开 还 是 下 载 。 

例如 : 


<a href = 'http://localhost:8080/ipnet/ 课 程 设计 说 明 书 .doc'> 课 程 设 计 说 明 书 . doc'</a> 


图 3-15(a) 所 示 是 没有 添加 URIEncoding 二 "UTF-8" 语 句 时 , 单 击 下 载 出 现 的 中 文 文件 
名 乱码 现象 ,图 3-15(b) 所 示 是 添加 了 URIEncoding 二 "UTF-8" 语 句 后 的 正常 情况 。 


























加 和 名称: 课程 设计 说 明 书 .doc 
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打 打开 此 闫 文件 前 总 是 询问 刀 


oO 各 和 向 于 天 和 
(a) 错误 造成 乱码 (b) 正常 
3-15 ” Tomcat 支持 中 文 文件 名 效果 对 比 


其 他 的 可 配置 文件 为 {tomcat_home)/bin/ 路 径 下 的 web. xml、server. xml 等 ,如 需 配 
置 ,请 参考 有 关 说 明 。 
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3.7 Servlet 容器 介绍 


Servlet 是 Java Web 技术 的 核心 基础 。Servlet 是 一 种 运行 在 支持 Java 语言 的 服务 器 
上 的 组 件 ,与 普通 Java 类 的 区 别 是 必须 运行 在 服务 器 中 。 使 用 Servlet 可 以 实现 很 多 网 络 
服务 功能 ,为 网 络 客户 提供 安全 可 靠 的 易于 移植 的 动态 网 页 。 由 于 Java 语言 的 平台 无 关 
性 ,加 之 Servlet 是 运行 在 服务 器 端 ,所 以 对 于 网 络 用 户 ,Servlet 的 运行 是 完全 透明 的 。 

Servlet 容器 的 作用 是 处 理 客户 端的 请 求 ,并 将 处 理 结果 返回 给 客户 端 。 在 Servlet 容 
器 中 , 当 客 户 请 求 到 来 时 ,Servlet 容器 获取 请 求 , 然 后 调用 某 个 Servlet ,并 把 Servlet 的 执行 
结果 返回 给 客户 。Tomcat 就 是 这 样 的 一 个 Servlet 容器 。 

在 没有 JSP 之 前 ,就 已 经 出 现 了 Servlet 技术 ,JSP 是 Servlet 的 扩展 。Servlet 是 利用 
输出 流动 态 生 成 HTML 页 面 , 包 括 每 一 个 HTML 标记 和 每 个 在 HTML 页 面 中 出 现 的 
内 容 。 

在 JSP 出 现 之 前 ,由 于 包括 大 量 的 HTML 标记 、 静 态 文 本 及 格式 等 ,导致 Servlet 的 开 
发 效率 极 低 。 所 有 的 表现 逻辑 ,包括 布局 色彩 及 图 像 等 ,都 必须 耦合 在 Java 代码 中 。JSP 
的 出 现 弥 补 了 这 种 不 足 ,JSP 通过 在 标准 的 HTML 页 面 中 插入 Java 代码 ,其 静态 的 部 分 无 
须 Java 程序 控制 ,只 有 那些 需要 从 数据 库 读 取 并 根据 程序 动态 生成 信息 时 , 才 使 用 Java 脚 
本 控制 。 


从 表面 上 看 ,JSP 页 面 已 经 不 再 需要 Java 类 ,似乎 完全 脱离 了 Java 面向 对 象 的 特征 。 
事实 上 ,JSP 是 Servlet 的 一 种 特殊 形式 ,每 个 JSP 页 面 就 是 一 个 Servlet 实例 ,JSP 页 面 由 
系统 编译 成 Servlet,Servlet 再 负责 响应 用 户 请 求 。JSP 其 实 也 是 Servlet 的 一 种 简化 ,使 用 
JSP 时 ,其 实 还 是 使 用 Servlet ,因为 Web 应 用 中 的 每 个 JSP 页 面 都 会 由 Servlet 容器 生成 对 
应 的 Servlet。 

对 于 Tomcat 而 言 ,JSP 页 面 生成 的 Servlet 放 在 work 路 径 对 应 的 Web 应 用 下 。 

在 项 目 路 径 jspweb\ch03 中 创建 一 个 简单 的 JSP 页 面 test. jsp 如 下 : 

程序 (\jspweb 项 目 \WebRoot\ch03\test. jsp) 的 清单 : 





<!-- 表明 此 为 一 个 JSP 页 面 -一 > 
<% @ page contentType = "text/html; charset = gb2312" language = "java" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.0 Transitional//EN"> 


<html> 
<head> 
<title> 第 一 个 jsp 页 面 </title> 
</head> 
<body> 
<!-- 下 面 是 java 脚本 -一 > 
<% 
For(ine LT = Od < 0 tt) 
{ 
out. print(i); 
» 
第 > 
</body> 
</html > 
程序 运行 结果 显示 : 


0123456789 


可 以 在 Tomcat 的 \work\Catalina\localhost\jsptest\org\apache\jsp 目录 下 找到 文件 
test_jsp. java 和 test_jsp. class。 这 两 个 文件 都 是 Tomcat 根据 JSP 页 面 自动 生成 的 Java 
Servlet 文件 及 class 文件 。 

下 面 对 test_jsp. java 文件 的 源 代码 进行 分 析 。 这 是 一 个 特殊 的 Java 类 ,继承 自 
HttpJspBase 类 ,而 HttpJspBase 类 正 是 HttpServlet 的 子 类 。 


//JSP 页 面 经 过 Tomcat 编译 后 默认 的 包 

package org. apache. jsp; 

import javax. servlet. x*; 

import javax. servlet. http. *; 

import javax. servlet. jsp. *; 

// 继 承 HttpJspBase 类 ,该 类 其 实 是 个 Servlet 的 子 类 

public final class test_jsp extends org. apache. jasper. runtime. HttpJspBase 
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implements org. apache. jasper. runtime.JspSourceDependent { 
private static final JspFactory _jspxFactory = 
JspFactory. getDefaultFactory( ); 
private static java. util.List jspx dependants; 


private javax. el. ExpressionFactory el expressionfactory; 


private org. apache. AnnotationProcessor jsp_annotationprocessor; 
public Object getDependants() { 
return _jspx_dependants; 


1 


public void _jspInit() { 

_el_expressionfactory = _jspxFactory.getJspApplicationContext(getServletConfig(). 
getServletContext( ) ) . getExpressionFactory( ); 

_jsp_annotationprocessor = (org.apache. AnnotationProcessor) 
getServletConfig().getServletContext().getAttribute(org.apache. AnnotationProcessor. 
class. getName( )); 


1 
public void _jspDestroy() { 
} 

// 用 于 响应 用 户 的 方法 


public void _jspService(HttpServletRequest request, HttpServletResponse response) 


throws java. io. IOException, ServletException { 


PageContext pageContext = null; 
HttpSession session = null; 


ServletContext application = null; 
ServletConfig config = null; 

// 获 得 页 面 输出 流 out 

JspWriter out = null; 

Object page = this; 

JspWriter jspx out = null; 
PageContext jspx page context = null; 
// 开 始 生 成 响应 


try { 


// 设 置 输出 的 页 面 格式 

response. setContentType( "text/html; charset = gb2312"); 

pageContext = _jspxFactory.getPageContext(this, request, response, 
null, true, 8192, true); 

_jspx_page context = pageContext; 

application = pageContext. getServletContext(); 

config = pageContext. getServletConfig(); 

session = pageContext. getSession(); 

// 页 面 输出 流 

out = pageContext. getOut(); 

_jspx_out = out; 

// 输 出 流 ,开始 输出 页 面 文档 

out. write("<!-- 表明 此 为 一 个 JSP 页 面 -->\r\n"); 

out.write(" \r\n"); 

// 下 面 输出 HIML 标签 

out. write( "<! DOCTYPE HTML PUBLIC \" ~ //W3C//DTD HTML 4.0 Transitional//EN\">\r\n"); 

out.write(" <HIML>\r\n"); 

out.write(" <HEAD>\r\n"); 


out.write(”<TITLE > 第 一 个 JSP 页 面 </TITLE>\r\n"); 
out. write(" </HEAD>\r\n"); 
out. write(" <BODY>\r\n"); 
out. write(" <!-- 下 面 是 Java 脚本 -- >\rNn"); 
out. write(" "); 
// 页 面 中 的 循环 ,在 此 处 循环 输出 
for{(int i a 021< 10; it+) 
{ out. print(i); } 
out. write("\r\n"); 
out. write(" </BODY>\r\n"); 
out. write(" </HIML>\r\n"); 
} catch (Throwable t) { 
if (!(t instanceof SkipPageException) ){ 
out = _jspx out; 
if (out != null && out. getBufferSize() := 0) 
try { out. clearBuffer(); 
} catch (java. io. IOException e) {} 
证 (_jspx_page context != null) _jspx_page context. handlePageException(t); 
} 
} finally { _jspxFactory. releasePageContext(_jspx_page context); 
} 
} 
} 


当 客 户 请 求 某 个 资源 时 ,Servlet 容器 使 用 ServletRequest 对 象 把 客户 的 请 求 信息 封装 
起 来 ,然后 调用 Servlet 生命 周期 中 的 一 些 方法 ,完成 客户 端的 请 求 任务 。 对 于 每 一 个 JSP 
程序 , 当 第 一 次 被 客户 请 求 时 服务 器 都 会 自动 将 其 转换 为 对 应 的 Servlet 程序 。JSP 页 面 中 
的 每 个 字符 都 由 对 应 的 Servlet 程序 中 的 输出 流 生成 。 容 器 将 Servlet 执行 的 结果 封装 在 
ServletResponse 对 象 中 ,以 此 返回 客户 端 ,完成 服务 过 程 。Servlet 容器 的 作用 如 图 3-16 
所 示 。 





客户 


response 








本 
人 《Case 











图 3-16 ”Servlet 容器 的 作用 


由 此 可 以 得 到 如 下 结论 : JSP 文件 必须 在 JSP 服务 器 内 运行 ; JSP 文件 必须 生成 
Servlet 才能 执行 ; 每 个 JSP 页 面 的 第 一 个 访问 者 速度 很 慢 ,因为 必须 等 待 JSP 编译 成 
Servlet; JSP 页 面 的 访问 者 除了 浏览 器 ,无 须 安装 任何 客户 端 ,甚至 不 需要 可 以 运行 Java 的 
运行 环境 ,因为 JSP 页 面 输送 到 客户 端的 是 标准 HTML 页 面 。 

关于 Servlet 程序 的 设计 将 在 第 7 章 详细 介绍 。 
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3.8 HTTP 协议 分 析 


HTTP 协议 是 Web 浏览 器 与 Web 服务 器 之 间 交 互 的 一 种 规则 。 目 前 使 用 的 HTTP 
协议 版 本 是 HTTP/1.1。HTTP 遵循 请 求 (Request)/ 应 答 (Response) 模 型 。Web 浏览 器 
向 Web 服务 器 发 送 请 求 , Web 服务 器 处 理 请 求 并 返回 适当 的 应 答 。 所 有 HTTP 连接 都 被 
构造 成 一 套 请 求 和 应 答 。 

HTTP 是 一 种 无 状态 的 协议 ,无 状态 是 指 Web 浏览 器 和 Web 服务 器 之 间 不 需要 建立 
持久 的 连接 ,这 意味 着 当 一 个 客户 端 向 服务 器 端 发 出 请 求 , Web 服务 器 返回 响应 ,然后 连接 
就 被 关闭 了 ,在 服务 器 端 不 保留 连接 的 有 关 信 息 。 

1. HTTP 通信 机 制 

当 在 浏览 器 地 址 栏 输入 http://www. baidu. com, 然 后 按 Enter 键 时 ,直接 看 到 的 是 打 
开 了 对 应 的 网 页 ,下面 分 析 客 户 端 和 服务 器 端 是 如 何 通 信 的 。 

HTTP 通信 机 制 是 在 一 次 完整 的 HTTP 通信 过 程 中 , Web 浏览 器 与 Web 服务 器 之 间 
将 完成 下 列 步骤 。 

1) 服务 器 自动 解析 URL 

HTTP URL 包含 了 用 于 查找 某 个 资源 的 足够 信息 ,基本 格式 如 下 : 


http://host[":"port][abs_path] 


其 中 ,“http” 表 示 采 用 HTTP 协议 来 定位 网 络 资 源 ; host 表示 合法 的 主机 域名 或 IP 地 址 ; 
port 指定 一 个 端口 号 ,默认 值 80; abs_path 指定 请 求 资源 的 URL; 如 果 URL 中 没有 给 出 
abs_path, 那 么 当 它 作为 请 求 URL 时 ,必须 以 “/” 的 形式 给 出 ,通常 浏览 器 会 自动 完成 这 个 
工作 。 例 如 ,输入 www. 163. com ,浏览 器 会 自动 转换 成 http://www. 163. com/。 

2) 获取 IP 地 址 ,建立 TCP 连接 

在 浏览 器 地 址 栏 输入 http://www. xxx. com/ 并 提交 之 后 ,首先 它 会 在 DNS 本 地 缓存 
表 中 查找 ,如 果 有 则 直接 告诉 IP 地 址 。 如 果 没 有 则 要 求 网 关 DNS 进行 查找 ,如 此 下 去 , 找 
到 对 应 的 IP 地 址 后 , 则 返回 给 浏览 器 。 当 获取 IP 地 址 之 后 ,就 通过 TCP 与 Web 服务 器 建 
立 连接 ,默认 的 TCP 连接 端口 号 是 80。TCP 与 IP 协议 共同 构建 Internet, 即 著名 的 TCP/ 
IP 协议 族 , 因 此 Internet 又 被 称 作 是 TCP/IP 网 络 。 

3) Web 浏览 器 向 Web 服务 器 发 送 请 求 命令 和 请 求 头 信息 

一 旦 建立 了 TCP 连接 ,Web 浏览 器 就 向 Web 服务 器 发 出 HTTP 请 求 。HTTP 是 比 TCP 
更 高 层次 的 应 用 层 协 议 ,根据 规则 ,只 有 低层 协议 建立 之 后 才能 进行 更 高 层 协 议 的 连接 。 

浏览 器 发 送 其 请 求 命令 之 后 ,还 要 以 头 信息 的 形式 向 Web 服务 器 发 送 一 些 别 的 信息 ， 
之 后 浏览 器 发 送 了 一 空白 行 来 通知 服务 器 .已 经 结束 了 该 头 信息 的 发 送 。 

4) Web 服务 器 应 答 

客户 机 向 服务 器 发 出 请 求 后 ,服务 器 会 向 客户 机 回 送 如 下 应 答 : 


HTTP/1.1 200 OK 


应 答 的 第 一 部 分 是 协议 的 版 本 号 和 应 答 状 态 码 ,如 客户 端 会 随同 请 求 发 送 关 于 自身 的 
信息 一 样 ,服务 器 也 会 随同 应 答 向 用 户 发 送 关于 它 自 己 的 数据 及 被 请 求 的 文档 。 

5) Web 服务 器 向 浏览 器 发 送 数据 

Web 服务 器 向 浏览 器 发 送 头 信息 后 ,会 发 送 一 个 空白 行 来 表示 头 信息 的 发 送 到 此 为 结 
束 ,接着 以 Content-Type 应 答 头 信息 所 描述 的 格式 发 送 用户 所 请 求 的 实际 数据 。 

6) Web 服务 器 关闭 TCP 连接 

一 般 情况 下 ,一 旦 Web 服务 器 向 浏览 器 发 送 了 请 求 数据 , 它 就 要 关闭 TCP 连接 。 

但 是 ,如 果 浏 览 器 或 服务 器 在 其 头 信息 加 入 了 代码 Connection:keep-alive,TCP 连接 在 
发 送 后 将 仍然 保持 打开 状态 ,于 是 浏览 器 可 以 继续 通过 相同 的 连接 发 送 请 求 。 保 持 连接 节 
省 了 为 每 个 请 求 建立 新 连接 所 需 的 时 间 ,还 节约 了 网 络 带宽 。 

HTTP 协议 使 用 的 默认 端口 号 是 80。 在 访问 Web 服务 器 时 ,如 果 这 个 服务 器 的 端口 
号 是 80, 则 可 不 需 指 定 端口 号 也 能 进行 访问 。 例 如 ,访问 新 浪 网 可 以 输入 如 下 网 址 http:// 
www. sina. com. cn/ ,也 可 以 输入 http://www. sina. com. cn:80。 但 如 果 服 务 器 的 端口 号 
不 是 80, 则 必须 指定 端口 号 。 例 如 ,访问 Tomcat 服务 器 就 必须 指定 端口 号 8080 。 

HTTP 向 服务 器 提交 请 求 通常 有 两 种 方式 ,一 种 是 GET 方法 ; 另 一 种 是 POST 方法 。 

下 面 分 析 HTTP 请 求 与 响应 信息 格式 。 

2. HTTP 协议 请 求 信息 格式 

当 浏览 器 向 Web 服务 器 发 出 请 求 时 ,向 服务 器 传递 了 一 个 数据 块 , 也 就 是 HTTP 请 求 
信息 ,HTTP 请 求 信息 由 三 部 分 组 成 ,分 别 是 请 求 行 ( 一 个 ) .消息 报头 CN 个 ) .请求 正 文 。 

其 中 ,消息 报头 和 正文 是 可 选 的 ,消息 头 和 正文 直接 用 空 行 隔 开 , 空 行 代表 消息 报头 结束 。 

请 求 行 以 一 个 方法 符号 开头 ,以 空格 分 开 , 后 面 跟 着 请 求 的 URL 和 协议 的 版 本 ,格式 
如 下 : 


请 求 方式 ”统一 资源 定位 符 ”HTTP 版 本 号 < CRLF > 


例如 


GET /web/index. html HTTP/1.1< CRLEF > 


CRLF 表示 回 车 和 换行 ,除了 作为 结尾 的 CRLF 外 ,不 允许 出 现 单独 的 CR 或 LEF 字符 。 

在 MyEclipse 中 可 以 通过 TCP/IP Monitor 窗口 查看 HTTP 的 请 求 和 响应 过 程 。 

要 使 用 Monitor 首先 要 配置 Monitor, 打 开 “ 首 选项 ”对 话 框 ,如 图 3-17 所 示 。 单 击 右 边 
的 Add 按钮 ,弹出 如 图 3-18 所 示 的 对 话 框 。 

在 图 3-18 中 单 击 OK 按钮 建立 了 一 个 监听 器 。 在 首选 项 对 话 框 选中 刚 建 的 监听 器 , 同 
时 单 击 右 侧 的 Start 按钮 就 可 启动 监听 器 ,可 通过 对 本 地 监听 端口 (本 例 中 监听 端口 号 设 为 
8088) 对 用 户 的 请 求 与 响应 进行 监听 。 

注意 ,访问 服务 器 时 必须 先 把 请 求 (request) 发 到 监听 器 (Monitor) 设 定 的 监听 端口 
(Local Monitoring Port) , 这 样 , Monitor 就 能 知道 request 是 什么 ,然后 Monitor 会 把 
request 转 到 目标 主机 (这 里 是 localhost) 的 8080 端口 。 配 置 的 监听 器 端口 8088 ,相当 于 在 
客户 端 (浏览 器 ) 与 应 用 程序 服务 8080 端口 之 间 设置 了 一 个 代理 端口 8088( 对 应 于 图 3-18 
配置 ) ,所 有 请 求 服务 返回 的 数据 都 会 被 8088 端口 捕获 ,Monitor 代理 关系 如 图 3-19 所 示 。 
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图 3-17 “首选 项 ”对话 框 
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图 3-18 新建 一 个 New Monitor 对 话 框 
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图 3-19 Monitor 代理 关系 图 


下 面 是 一 个 HTTP 请 求实 例 , 新 建 Web 项 目 ,在 Web 项 目 中 新 建 index. html 文件 。 
index. html 代码 如 下 : 


< html > 
<body> 
< form action= "check. jsp" method = "get"> 
用 户 名 :< input type = "text" name = "name"/> 
密码 : < input type = "text" name = "password"/> 
< input type = "submit" value = "提交 "/> 
</form> 
</body> 
</html > 


要 查看 TCP/IP 消息 头 ,必须 将 TCP/IP Monitor 窗口 右边 View Menu 中 的 Show 
Header 项 选中 。 

在 浏览 器 地 址 栏 输入 http://localhost: 8088/web/index. html 后 ,从 Monitor 窗口 可 
以 看 到 请 求 和 回应 的 信息 (注意 ,请 求 的 端口 应 输入 监听 端口 8088) ,如 图 3-20 所 示 。 
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3-20 ”Monitor 窗口 显示 结果 
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下 面 是 截取 到 的 浏览 器 生成 的 HTTP 请 求 信息 数据 包 , 内 容 如 下 : 


1 GET /web/index. html HTTP/1.1<CR> 

2 Accept: x*/x<CR> 

3 Accept - Language: zh 一 cn<CR> 

4 Accept — Encoding: gzip, deflate<CR> 

5 If— Modified— Since: Mon, 15 Apr 2013 08:45:12 GMT< CR> 

6 If— None— Match: W/"665 — 1366015512140"< CR> 

7 User - Mgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727) < CR> 
8 Host: localhost:8080 <CR> 

9 Connection: Keep— Alive<CR> 

10 Cookie: JSESSIONID = 127F55CD88287A299FEC4106A8C3AB38 < CR> 
<CR> 


为 了 显示 清楚 ,把 所 有 的 回 车 处 都 加 上 了 “< CR >”, 注意 最 后 还 有 一 个 空 行 加 一 个 回 
车 ,这 个 空 行 正 是 HTTP 规定 的 消息 头 和 消息 体 的 分 界线 ,第 一 个 空 行 以 下 的 内 容 就 是 消 
息 体 ,这 个 请 求 数据 包 是 没有 消息 体 的 。 

HTTP 请 求 头 标 由 关键 字 / 值 对 组 成 ,每 行 一 对 ,关键 字 和 值 用 冒号 (:) 分 隔 ,请 求 头 标 
通知 服务 器 有 关于 客户 端的 功能 和 标识 。 

请 求 头 标 中 的 GET 标识 表示 所 使 用 的 HTTP 请 求 方式 ,其 他 常用 的 请 求 方式 还 有 
POST。GET 方式 请 求 的 消息 没有 消息 体 ,而 POST 方式 请 求 的 消息 是 有 消息 体 的 ,消息 
体 的 内 容 就 是 要 POST 的 数据 。 后 面 /web/index. html 就 是 要 请 求 的 资源 , HTTP 1. 1 表 
示 使 用 的 是 HTTP 1.1 协议 。HTTP 规范 定义 了 8 种 可 能 的 请 求 方法 ,如 表 3-3 所 示 。 

表 3-3 HTTP 规范 定义 了 8 种 可 能 的 请 求 方法 





请 求 方法 意义 
GET 检索 URL 中 标识 资源 的 一 个 简单 请 求 
POST 服务 器 接受 被 写 人 客户 端 输出 流 中 的 数据 的 请 求 
HEAD 与 GET 方法 相同 ,服务 器 只 返回 状态 行 和 头 标 , 并 不 返回 请 求 文档 
PUT 服务 器 保存 请 求 数据 作为 指定 URL 新 内 容 的 请 求 
DELETE 服务 器 删除 URL 中 命名 的 资源 的 请 求 
OPTIONS 关于 服务 器 支持 的 请 求 方法 信息 的 请 求 
TRACE Web 服务 器 反馈 HTTP 请 求 和 其 头 标的 请 求 
CONNECT 已 文档 化 但 当前 未 实现 的 一 个 方法 , 预 留 做 隧道 处 理 
其 他 典型 的 请 求 头 标 有 : 


。 User-Agent: 客户 端 厂家 和 版 本 。 

。 Accept: 客户 端 可 识别 的 内 容 类 型 列表 。 

。 Content-Length: 附加 到 请 求 的 数据 字 节 数 。 

最 后 一 个 请 求 头 标 之 后 是 一 个 空 行 ,发 送 回 车 符 和 退行 ,通知 服务 器 以 下 不 再 有 头 标 。 

使 用 POST 传送 数据 ,最 常 使 用 的 是 Content-Type 和 Content-Length 头 标 。 

第 2 行 表示 所 用 的 浏览 器 能 接受 的 Content-type; 第 3 一 4 行 则 是 语言 和 编码 信息 ; 第 
5~7 行 显示 本 机 的 相关 信息 ,包括 浏览 器 类 型 操作 系统 信息 等 ,很 多 网 站 可 以 显示 使 用 


的 浏览 器 和 操作 系统 版 本 ,就 是 因为 可 以 从 这 里 获取 到 这 些 信息 ; 第 8 行 表示 所 请 求 的 主 
机 和 端口 ; 第 9 行 表示 使 用 Keep-Alive 方 式 , 即 数据 传递 完 并 不 立即 关闭 连接 ; 第 10 行 表 
示 请 求 信 息 中 带 有 保存 于 Cookie 中 的 JSESSIONID ,第 一 次 的 请 求 中 没有 该 项 信息 。 

Web 服务 器 端 解析 请 求 ,定位 指定 资源 ,将 资源 副本 写 至 套 接 字 ,返回 HTTP 响应 ,由 
客户 端 读 取 。 

3. HTTP 响应 消息 格式 

服务 器 HTTP 响应 消息 由 三 个 部 分 组 成 ,分 别 是 状态 行 (一 个 ) ,响应 消息 头 标 (N 个 )、 
响应 正文 数据 。 

(1) 状态 行 格式 如 下 : 


HTTP 版 本 号 ”状态 码 ”原因 叙述 < CRLF > 


例如 : 


HTTP/1.1 200 OK 


状态 代码 由 三 位 数字 组 成 ,第 一 个 数字 定义 了 响应 的 类 别 , 且 有 5 种 可 能 取 值 : 
1xx: 指示 信息 一 一 请 求 已 接收 ,继续 处 理 。 

2xx: 成 功 一 一 请 求 已 被 成 功 接收 、 理 解 接 受 。 

3xx: 重 定向 一 一 要 完成 请 求 必须 进行 更 进一步 的 操作 。 

4xx: 客户 端 错误 一 一 请 求 有 语法 错误 或 请 求 无 法 实现 。 

5xx: 服务 器 端 错误 一 一 服务 器 未 能 实现 合法 的 请 求 。 

常见 状态 代码 ,状态 描述 、 说 明 : 


200 OK // 客 户 端 请 求 成 功 

400 Bad Request // 客 户 端 请 求 有 语法 错误 ,不 能 被 服务 器 所 理解 

401 Unauthorized // 请 求 未 经 授权 ,这 个 状态 代码 必须 和 WWW - Authenticate 报头 域 一 起 使 用 
403 Forbidden // 服 务 器 收 到 请 求 ,但 是 拒绝 提供 服务 

404 Not Found // 请 求 资源 不 存在 ,如 输入 了 错误 的 URL 

500 Internal Server Error 。 // 服 务 器 发 生 不 可 预期 的 错误 

503 Server Unavailable // 服 务 器 当前 不 能 处 理 客户 端的 请 求 , 一 段 时 间 后 ,可 能 恢复 正常 


(2) 响应 消息 头 标 : 像 请 求 消息 头 标 一 样 ,指出 服务 器 的 功能 ,标识 响应 数据 的 细节 。 
最 后 一 个 响应 头 标 之 后 是 一 个 空 行 , 发 送 回 车 符 和 退行 ,表明 服务 器 以 下 不 再 有 头 标 。 

(3) 响应 数据 : HTML 文档 和 图 像 等 ,也 就 是 HTML 本 身 。 

(4) HTTP 服务 器 关闭 无 状态 的 连接 ,浏览 器 解析 响应 。 

无 状态 连接 模型 是 ,表明 在 处 理 一 个 请 求 时 ,Web 服务 器 并 不 记 住 来 自 同 一 客户 端的 

中 浏览 器 首先 解析 状态 行 , 查 看 表明 请 求 是 否 成 功 的 状态 代码 。 

@ 然后 解析 每 一 个 响应 头 标 , 头 标 告知 以 下 为 若干 字 节 的 HTML。 

@ 读 取 响 应 数据 HTML :根据 HTML 的 语法 和 语义 对 其 进行 格式 化 ,并 在 浏览 器 窗 
口中 显示 它 。 
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@ 一 个 HTML 文档 可 能 包含 其 他 需要 被 载 入 的 资源 引用 ,浏览 器 识别 这 些 引用 ,对 其 
他 的 资源 再 进行 额外 的 请 求 , 此 过 程 循环 多 次 。 

(5) HTTP 响应 消息 实例 分 析 。 

当 浏览 器 发 出 请 求 后 ,服务 器 返回 响应 ,服务 器 在 直接 返回 响应 信息 之 前 ,还 需要 加 上 
HTTP 消息 头 。 

HTTP /1.1 200 OK 

Date: Apr 11 2006 15:32:08 GMT 

Server: Apache/2.0.46(win32) 


Content - Length: 119 
Content - Type: text/html 


<html> 
<body> 
< form action= "check. jsp" method = "get"> 
用 户 名 :< input type = "text" name = "name"/> 
密码 :< input type = "text" name = "password"/> 
< input type = "submit" value = "提交 "/> 
</form> 
</body> 
</html > 


可 以 看 到 ,这 个 响应 消息 也 是 用 空 行 切 分 成 消息 头 和 消息 体 两 部 分 ,消息 体 的 部 分 正 是 
前 面 写 好 的 HTML 代码 。 

消息 头 中 HTTP/1.1 也 表示 所 使 用 的 协议 ,后 面 的 “200 OK? 是 HTTP 返回 代码 ,200 
就 表示 操作 成 功 ,还 有 其 他 常见 的 如 404 表示 对 象 未 找到 ,500 表示 服务 器 错误 ,403 表示 不 
能 浏览 目录 ,304 表示 客户 端 原来 缓冲 的 文档 还 可 以 继续 使 用 等 。 

如 果 将 index. html 页 面 中 的 请 求 方式 改 为 POST, 当 再 次 提交 index. html 页 面 时 ,在 
Monitor 窗口 中 会 看 到 不 同 的 请 求 信 息 。 

POST 提交 时 在 请 求 信息 头 的 第 一 行 看 不 到 提交 的 数据 ,只 有 服务 器 的 地 址 。 如 果 不 
希望 在 地 址 栏 看 到 客户 端 提交 的 数据 就 要 采用 POST 提交 ,如 一 些 比较 敏感 的 网 站 : 网 上 
银行 .电子 商务 网 站 ,都 采用 这 种 方式 。GET 和 POST 提交 还 有 一 个 不 同 的 地 方 : GET 对 
数据 长 度 有 限制 ,而 POST 对 提交 数据 长 度 无 限制 。 


习 题 3 


. 怎样 理解 HTTP 是 无 状态 协议 ? HTTP 协议 默认 端口 号 是 多 少 ? 

. 通过 HTTP 协议 向 服务 提交 请 求 有 哪 两 种 方式 ?它们 有 什么 区 别 ? 
. 在 服务 器 返回 的 头 信息 中 状态 码 200 和 404 分 别 表示 什么 含义 ? 

. Tomcat 有 哪 几 个 组 件 组 成 ? 它们 的 关系 如 何 ? 

. 在 MyEclipse 中 如 何 配 置 和 启动 Tomcat? 

. 简 述 Java Web 的 目录 结构 。 
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第 4 章 JSP 技术 基础 


本 章 学 习 目标 

。 掌握 JSP 的 标准 语法 ; 

。 掌握 JSP 编译 指令 和 动作 指令 ; 

。 掌握 JSP 的 隐 含 对 象 及 其 使 用 方法 。 


JSP 技术 为 创建 动态 Web 页 面 提供 了 一 个 简捷 而 快速 的 方法 。JSP 技术 的 设计 目的 
是 使 得 构造 基于 Internet 的 应 用 程序 更 加 容易 和 快捷 ,而 这 些 应 用 程序 能 够 在 Java Web 服 
务 器 下 顺利 运行 。 


4.1 JSP 简介 


JSP 技术 是 基于 Java Servlet 和 整个 Java 体系 的 Web 服务 器 端 开发 技术 。 

JSP(Java Server Pages) 表 示 它 是 用 Java 写 的 Web 服务 页 面 程序 。 
这 是 因为 所 有 的 JSP 程序 在 运行 时 都 会 转换 为 与 其 对 应 的 Java Servlet 
类 ,由 该 类 的 实例 接收 用 户 请 求 并 做 出 响应 。 

JSP 网 页 是 在 传统 的 HTML 文件 里 加 入 JSP 标记 或 Java 程序 片断 





JSP 程序 运行 
构成 ,JSP 页 面 文件 以 jsp 为 扩展 名 进行 保存 。 过 程 分 析 
当 一 个 JSP 页 面 第 一 次 被 访问 的 时 候 ,JSP 引擎 将 执行 以 下 步骤 : 


(1) 将 JSP 页 面 翻 译 成 一 个 Servlet, 这 个 Servlet 是 一 个 Java 文件 ,同时 也 是 一 个 完整 
的 Java 程序 。 

(2) JSP 引擎 调用 Java 编译 器 对 这 个 Servlet 进行 编译 ,得 到 字 节 码 文件 class。 

(3) JSP 引擎 调用 Java 虚拟 机 来 解释 执行 class, 主要 调用 _jspService 方法 ,对 用 户 请 
求 进行 处 理 并 做 出 响应 ,生成 向 客户 端 发 送 的 应 答 ,然后 发 送 给 客户 端 。 

以 上 三 个 步骤 仅仅 在 JSP 页 面 第 一 次 被 访问 时 才 会 全 部 执行 ,因此 ,首次 访问 JSP 页 
面 速度 会 稍 慢 些 , 但 以 后 的 访问 不 再 创建 新 的 Servlet, 只 是 新 开 一 个 服务 线程 ,访问 速度 会 
因为 Servlet 文件 已 经 生成 而 显著 提高 。 调 试 时 ,如 果 JSP 页 面 被 修改 , 则 对 应 的 JSP 需要 
重新 编译 。 

JSP 的 执行 过 程 如 图 4-1 所 示 。 

JSP 页 面 由 两 部 分 组 成 : 一 部 分 是 JSP 页 面 的 静态 部 分 ,如 HTML、CSS 标记 等 ,用 来 
完成 数据 显示 和 样式 ; 另 一 部 分 是 JSP 页 面 的 动态 部 分 ,如 脚本 程序 、JSP 标记 等 ,用 来 完 
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图 4-1 第 一 次 请 求 JSP 页 面 的 执行 过 程 





成 数据 处 理 。 

【 例 4-1】 一 个 简单 的 JSP 程序 ,在 页 面 上 输出 系统 的 时 间 。 

首先 ,在 MyEclipse 下 面 新 建 一 个 Web 工程 ,工程 的 名 字 为 hellojsp, 在 工程 中 建 一 个 
简单 的 JSP 程序 time. jsp, 其 内 容 和 普通 的 HTML 文件 一 样 ,只 是 其 中 加 入 了 一 段 Java 
代码 。 

程序 (\jspweb 项 目 \WebRoot\ch04\time. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset = GBK" %> 
< 外 @ page language = "java" import = "java.util. * ,java. text.SimpleDateFormat;" %> 
<html> 
<body bgcolor = "#ffffff"> 
< 和 
SimpleDateFormat f = new SimpleDateFormat(" 现 在 是 "+ "YYYY 年 MM 月 dd 日 Eahh 点 mm 分 
ss 秒 "); 
%> 
<% 一- 每 隔 1 秒 钟 刷新 一 次 页 面 ,以 便 显示 实时 时 间 -- %> 
你 好 ,这 是 第 一 个 JSP 页 面 
<br> 
<% 
response. setHeader ("Refresh", "1"); 
Date now = new Date(); 
out. println(" 当 前 时 间 是 :" + now+"<br>"); 
out. println(f. format(now)); 
第 > 
</body> 
</html > 


将 工程 发 布 ,并 启动 Tomcat, 在 浏览 器 地 址 栏 输入 http://localhost: 8080/jspweb/ 
ch04/time. jsp, 会 看 到 如 图 4-2 所 示 的 页 面 。 
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你 好 ， 这 是 第 一 个 JSP 页 面 
当前 时 间 是 :Mon 0ct 14 07:17:07 CST 2013 


现在 是 2013 年 10 月 14 日 星期 一 上 午 07 点 17 分 07 秒 
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4-2 第 一 个 JSP 程序 


4.2 JSP 标准 语法 
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JSP 指令 和 JSP 动作 , 表 4-1 所 示 为 JSP 标准 语法 简 表 。 JSP 语法 与 
基本 元 素 
表 4-1 JSP 标准 语法 简 表 
JSP 元 素 说 明 
JSP 表达 式 语法 格式 : <% 二 表达 式 %> 
表达 式 在 求 值 后 被 当 作 字符 串 在 表达 式 所 在 的 位 置 显示 。 该 表达 式 可 以 使 用 的 
预定 义 的 内 部 对 象 ,例如 request、 response、 out、 session、application、 config 和 
pageContext, 也 可 以 调用 JavaBean 的 方法 。 注 意 表 达 式 中 不 使 用 “;”。 
例如 :<%= (new java. util. Date()). toLocaleString() %> 
JSP 程序 段 语法 格式 : <% Java 代码 段 %> 
程序 段 是 符合 Java 语法 规范 的 程序 ,可 以 用 于 变量 声明 、 表 达 式 计算 以 及 
JavaBean 的 调用 等 
JSP 声明 语法 格式 : <%1 Java 变量 或 方法 声明 %> 


JSP page 指令 


JSP include 指令 


一 次 可 以 声明 多 个 变量 ,但 所 有 声明 的 变量 或 方法 仅 在 本 页 面 内 有 效 。 声 明 需 
要 用 “; ?结束 。 如 果 期 望 每 个 页 面 都 用 到 一 些 声明 ,可 以 把 这 些 声 明 写成 一 个 单 


独 的 文件 ,然后 用 include 指令 把 该 文件 包含 进来 。 
例如 : <%! int i==2014; %> 


语法 格式 : <%@ page 属性 一 "属性 值 ”%> 


涉及 页 面 总 体 的 设 定 , 由 JSP 容器 负责 解释 ,作用 范围 为 整个 页 面 。 


例如 : 


<%@pageimport= "java. util. * ,java. lang. * " %> 


语法 格式 : <%@ include file 一 "相对 URL 地 址 "%> 


file 属性 所 指 的 URL 地 址 可 以 是 一 个 表达 式 , 但 必须 是 相对 地 址 。include 是 在 
JSP 页 面 被 转换 成 Servlet 时 引入 本 地 文件 而 不 是 在 用 户 请 求 提交 时 。 


实例 : <jsp:include page 一 "bar. html" flush= true> 
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JSP taglib 指令 


JSP 注释 


<jsp:include > 动作 


<jsp:useBean > 动作 


< jsp: setProperty > 
动作 
< jsp: getProperty > 
动作 


<jsp:param > 


< jsp:forward > 动作 


<jsp:plugin > 动作 


语法 格式 : <%@taglib url=" 相 对 URL 地 址 "prefix 一 "tagPrefix" %> 

url 属性 用 来 指明 自 定义 标记 库 的 存放 位 置 。tagPrefix 是 为 了 区 分 不 同 标记 库 
中 的 相同 标记 名 。 

例如 : <%@ taglib url="/tlds/menuDB. tld" prefix="menu" %> 

语法 格式 : <%-- 注 释 内 容 --%> 

JSP 注释 在 JSP 页 面 被 转换 成 Servlet 时 会 被 忽略 ,在 客户 端 也 不 会 显示 。 如 果 
希望 注释 显示 在 客户 端 浏览 器 中 ,可 以 使 用 HTML 注释 的 语法 

语法 格式 : <jsp:include page 一 "相对 URL 地 址 "flush 一 "true"/> 

page 属性 必须 是 相对 URL 地 址 ,flush 的 值 必须 设 为 true。 和 include 指令 不 
同 ,<jsp:include > 动作 是 在 请 求 被 提交 时 即 引 入 所 包含 的 文件 。 如 果 这 个 包含 
文件 是 动态 的 ,那么 还 可 以 用 < jsp:param > 传递 参数 名 和 参数 值 

语法 格式 : <jsp:useBean 属性 一" 属性 值 "/> 

或 <jsp:useBean 属性 二" 属性 值 ">… /jsp:useBean > 

指向 对 JavaBean 的 引用 


设 定 JavaBean 的 属性 ,可 以 直接 设 定 ,也 可 以 通过 request 对 象 所 包含 的 参数 
指定 
获取 bean 的 属性 ,然后 转换 成 字符 串 并 输出 


语法 格式 : <jsp:param name 一 "属性 名 称 ”value 一 "属性 值 "> 

<jsp:param > 用 来 提供 参数 信息 ,经 常 和 < jsp:include >、< jsp:forward > 以 及 
<jsp:plugin > 一 起 使 用 。name 属性 就 是 参数 的 名 称 ,value 属性 就 是 参数 值 
例如 : 

<jsp:include page="/index. html"/> 

<jsp:include page= "scripts/login. jsp"> 

<jsp:param name= "username" value 一 "jsmith"/> 

</jsp:include> 

语法 格式 : <jsp:forward page 王 "相对 url 地 址 "/> 

<jsp:forward > 从 一 个 JSP 文件 转向 page 属性 所 指定 的 另 一 个 文件 ,并 传递 一 
个 包含 用 户 请 求 的 request 对 象 ,< jsp:forward > 动作 后 面 的 代码 将 不 能 被 执行 。 
page 属性 可 以 是 计算 类 型 ,但 必须 是 相对 URL 地 址 。 

例如 : 

<jsp:forward page="/utils/errorReporter. jsp" /> 

<jsp:forward page="<%= someJavaExpression %>" /> 

语法 格式 : <jsp:plugin 属性 二" 属性 值 ">…</jsp:plugin > 

在 客户 端 浏览 器 中 执行 一 个 Bean 或 者 显示 一 个 Applet。 根 据 客户 端 浏览 器 的 
不 同类 型 会 产生 OBJECT 或 EMBED 标记 ,Java Applet 的 运行 需要 利用 这 些 
标记 


4.2.1 JSP 注释 


JSP 程序 中 的 注释 包括 两 种 : 
一 种 是 HTML 注释 ,语法 格式 : 


<!-- 这 是 HTML 注释 ,在 客户 端 源 代 码 中 可 查看 -> 


这 段 代码 将 发 给 客户 端 浏览 器 ,在 浏览 器 的 “查看 ”>“ 源 文件 ”中 可 见 到 该 HTML 注 
释 语句 ,但 不 会 在 屏幕 上 显示 。 
另 一 种 是 JSP 注释 ,语法 格式 : 


<% -- 这 是 JSP 注释 ,在 客户 端 源 代码 中 不 可 见 -> 


JSP 注释 不 会 发 给 浏览 器 ,在 客户 端 完 全 不 可 见 ,JSP 程序 注释 的 作用 是 供 程序 员 阅 读 
程序 做 注解 的 。 

【 例 4-2】 HTML 注释 与 JSP 注释 的 区 别 测试 。 

程序 (\jspweb 项 目 \WebRoot\ch04\jspnotes. jsp) 的 清单 : 


<$% @page pageEncoding = "gbk" %> 
<html> 
<body> 
<!-- 这 是 HTML 注释 ,在 客户 端 源 代码 中 可 查看 --> 
<% -- 这 个 是 JSP 注释 ,在 客户 端 完全 不 可 见 -- %> 
这 是 HTML 注释 < br> 
这 个 是 JSP 注释 
</body> 
</html > 


在 客户 端 浏览 器 访问 该 JSP 程序 打开 网 页 以 后 ,通过 “查看 ”>“ 源 文件 ”, 可 看 到 服务 
器 发 给 浏览 器 的 源 代 码 ,如 图 4-3 所 示 。 
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浏览 器“ 查看 " 一 “ 源 文 件 ”显示 的 内 容 : S 
,| 浏览 器 查看 " 一“ 源 文件 ”显示 的 内 容 : 本 





加 
2 <html> 
<body> 


<!-- 这 是 HTHL 注 释 ， 在 客户 端 源 代码 中 可 查看 --> 
这 是 HTHL 注 释 

<br> 

这 个 是 asp 注释 


</body> 
10 </html> 











这 是 HTML 注 释 
这 个 是 JSP 注 释 
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图 4-3 浏览 器 查看 源 代码 


服务 器 发 给 浏览 器 的 源 代码 中 没有 “<%-- 这 个 是 JSP 注释 ,在 客户 端 完 全 不 可 见 --%>” 
所 注释 的 内 容 ,而 用 <!--…-- > 所 做 的 HTML 注释 的 内 容 会 发 给 浏览 器 ,但 浏览 器 是 不 会 将 
HTML 注释 内 容 解释 显示 的 。 可 见 ,JSP 注释 的 内 容 不 会 发 给 客户 端 , 它 的 作用 是 仅 供 程 
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序 员 做 注释 ,HTML 注释 内 容 虽 然 会 发 给 客户 端 ,但 不 会 显示 给 用 户 。 
4.2.2 JSP 声明 


JSP 声明 用 于 声明 变量 和 方法 ,相当 于 对 应 的 Servlet 类 的 成 员 变 量 或 成 员 方 法 。 这 样 
定义 的 变量 或 方法 的 作用 域 属 于 网 页 层 , 在 JSP 整个 网 页 中 都 能 够 使 用 这 些 声 明 过 的 变量 
或 方法 。 

JSP 声明 变量 或 方法 的 语法 为 : 





< ! Java 变量 或 方法 ; %> 


【 例 4-3】 在 下 面 的 count. jsp 文件 中 声明 了 一 个 变量 count, 页 面 中 通过 JSP 表达 式 
输出 变量 count。 
代码 (\jspweb 项 目 \WebRoot\ch04\count. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. * " pageEncoding = "GBK" %> 
<html> 
<head> 
<title>JSP 测试 </title> 
</head> 
<body> 
<%! int count =0; %> 
Count =<% = Count++ %> 
</body> 
</html > 


其 实 ,在 JSP 声明 中 声明 的 变量 ,相当 于 static 变量 ,如 果 定 义 的 int 变量 不 赋 初 值 , 则 
其 初 值 默认 为 0。 如果 同时 打开 多 个 浏览 器 向 该 JSP 页 面 发 请 求 ,或 在 不 同 的 计算 机 上 打 
开 浏览 器 来 请 求 这 个 JSP 页 面 ,将 发 现 所 有 客户 端 访问 该 JSP 中 的 count 值 是 连续 的 , 即 所 
有 客户 端 共 享 的 是 同一 个 count 变量 ,在 浏览 器 地 址 栏 输入 http://localhost: 8080/ 
jspweb/ch04/count. jsp ,会 看 到 如 图 4-4 所 示 的 页 面 。 
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图 4-4 JSP 变量 声明 测试 效果 


因为 ,在 JSP 声明 部 分 “<%! %>” 定 义 内 的 变量 和 方法 是 类 的 全 局 变量 和 方法 ,也 就 是 
类 的 成 员 变 量 和 成 员 方 法 ,该 变量 在 创建 对 应 的 Servlet 实例 时 被 初始 化 , 且 一 直 有 效 , 直 到 
实例 销毁 。 声 明 在 JSP 代码 段 “*<% %>” 内 的 变量 是 _jspService 方法 内 部 的 变量 , 即 局 部 
变量 。 

由 于 JSP 声明 语法 定义 的 变量 和 方法 对 应 于 Servlet 的 成 员 变量 和 方法 ,所 以 JSP 声明 
的 变量 和 方法 ,需要 时 也 可 以 使 用 private、public 等 访问 控制 符 修饰 ,或 使 用 static 修饰 将 





其 变 成 类 属性 和 类 方法 。 不 能 使 用 abstract 修饰 声明 部 分 的 方法 ,因为 抽象 方法 将 导致 
JSP 对 应 Servlet 变 成 抽象 类 ,从 而 导致 无 法 实例 化 。 


4.2.3 JSP 表达 式 


JSP 表达 式 就 是 一 个 符合 Java 语法 的 表达 式 ,JSP 表达 式 是 直接 把 Java 表达 式 的 值 作 
为 字符 串 输出 。JSP 表达 式 的 语法 形式 如 下 所 示 : 


< = Java 表达 式 $> 


表达 式 的 值 在 运行 后 被 自动 转化 为 字符 串 , 然 后 插入 到 这 个 表达 式 在 JSP 文件 的 位 
置 。 注 意 , 不 能 用 分 号 (; ) 作 为 表达 式 的 结束 符 。 

【 例 4-4】 在 声明 中 定义 一 个 函数 ,函数 作用 是 计算 两 个 数 的 和 ,再 用 JSP 表达 式 调 用 
该 函数 ,在 相应 位 置 插入 函数 值 。 

代码 (\jspweb 项 目 \WebRoot\ch04\sum. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. *" pageEncoding = "GBK" 第 > 
<html> 
<head> 
<title> sun 测试 </title> 
</head> 
<body> 
<%! int i=0; 
public int sum( int av int b) 
{ 
returna+b; 
1 
%> 
sum=<% = sum(12,2) %> 
</body> 
</html > 


在 浏览 器 地 址 栏 输入 http://localhost: 8080/ 证 





jspweb/ch04/sum. jsp, 会 看 到 如 图 4-5 所 示 的 页 面 。 万 
最 后 一 行 代码 使 用 JSP 表达 式 调用 了 前 面 JSP 声 A 晶 





明 中 定义 的 函数 sum, 并 将 计算 结果 在 页 面 上 显示 。 ” 网 ee =[” IE 
JSP 表达 式 用 来 输出 变量 的 值 、 系 统 API 的 两 数值 向.s jsp 函数 声明 运行 结果 
自 定义 函数 值 。 
4.2.4 JSP 程序 自 

JSP 程序 段 实际 上 就 是 嵌入 在 页 面 中 的 Java 代码 ,也 称 JSP 代码 段 ,JSP 程序 段 的 具体 
语法 格式 如 下 ， 





< Java 代码 段 $> 
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JSP 程序 段 是 JSP 程序 的 主要 逻辑 块 , 一 般 来 说 ,每 个 JSP 程序 段 都 有 一 定 的 独立 性 并 
完成 特定 的 功能 。 当 在 JSP 中 处 理 比 较 复杂 的 业务 逻辑 时 ,可 以 将 代码 写 在 JSP 程序 


段 中 。 





在 JSP 声 明 中 定义 的 变量 和 在 JSP 程序 段 中 所 定义 的 变量 对 应 着 相应 的 Servlet 类 的 
全 局 变量 和 局 部 变量 。 这 种 区 别 对 于 用 户 的 具体 体验 是 : 在 JSP 声明 中 定义 的 变量 只 初始 


化 一 次 ， 


且 在 所 有 运行 这 个 JSP 程序 代码 的 线程 中 共享 该 全 局 变量 ; 而 在 JSP 程序 段 中 定 


义 的 变量 ,为 Servlet 类 中 的 _ jspService 方法 里 的 局 部 变量 ,局 部 变量 不 能 使 用 private 等 
访问 控制 符 修饰 ,也 不 可 使 用 static 修饰 ,在 每 次 新 的 请 求 线 程 产生 的 时 候 , 它 都 会 重新 创 
建 和 重新 初始 化 。 


由 于 





F JSP 代码 将 转换 成 _jspService 方法 里 的 可 执行 代码 ,而 Java 语法 不 允许 在 方法 


里 定义 方法 ,所 以 JSP 代码 段 里 也 不 能 定义 方法 ,否则 将 会 因 在 最 终生 成 的 Servlet 类 的 
_ jspService 方法 里 再 柑 套 方法 而 出 错 。 


【 例 





4-5】 下 面 的 程序 段 是 计算 1 到 10 的 和 ,并 用 JSP 表达 式 将 计算 结果 输出 到 客户 端 。 


代码 (jspweb 项 目 \WebRoot\ch04\sum1. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. * " pageEncoding = "GBK" %> 
<html> 


<head> 
<title> sun 测试 </title> 
</head> 
<body> 
<% 
int sum = 0; 
for (int 1 = 1; 1 <= 10; 4+}{ 
Sum += i; 
} 
%> 
1+2+...+10=<% = sumn%> 
</body> 


</html > 


程序 运行 结果 如 图 4-6 所 示 。 E91lx] 


【 例 
次 , 即 生 





4-6】 下 面 的 例子 程序 将 < tr…/> 标 记 循环 5 a 村 
成 一 个 5 行 的 表格 ,并 在 表格 中 输出 表达 式 值 。 到 
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代码 (\jspweb 项 目 \WebRoot\ch04\scriptlet. jsp) 


的 清单 : 


图 4-6 suml.jsp 运行 结果 


<% @ page language = "java" import = "java.util. *" pageEncoding = "GBK" %> 
<html> 
<head> 


<title>JSP 测试 </title> 


</head> 
<body> 


< table bgcolor = "ddffdd" border = "1" width= "300px"> 


<!-- Java 脚 本 ,这 些 脚 本 会 对 HTML 的 标记 产生 作用 -一 > 
<%for (int i = 0; i < 5; i++) { %> <!-- 这 里 的 for 循环 将 控制 <tr> 等 标签 循环 --> 
<tr>< td> 循 环 值 :</td>< td><% =i%></td></tr> 
<! 一 这 个 表格 的 内 容 由 JSP 表达 式 动态 提供 -> 
<% } %> 
<table> 
</body> 
</html > 


程序 运行 结果 如 图 4-7 所 示 。 
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4-7 scriptlet. jsp 循环 输出 结果 JSP 内 存 数据 填写 表格 


4.2.5 JSP 与 HTML 的 混合 使 用 


在 JSP 页 面 中 , 既 有 HTML 代码 又 有 Java 代码 ,它们 分 工 协作 各 负 其 责 。HTML 代 


码 主要 是 用 于 页 面 的 外 观 组 织 与 显示 ,如 显示 字体 的 大 小 、 颜 色 、 定 义 表格 、 是 否 换 行 、 显 示 
图 片 .插入 链接 等 。Java 代码 主要 用 于 业务 人 逻辑 的 处 理 ,如 对 数据 库 的 操作 数值 的 计算 
等 。 可 以 通过 将 HTML 嵌入 到 Java 的 循环 和 选择 语句 中 来 控制 HTML 的 显示 。 


【 例 4-7】 在 页 面 上 由 小 到 大 显示 字符 串 “WELCOME!”。 
代码 (\jspweb 项 目 \WebRoot\ch04\ welcome. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. *" pageEncoding = "utf — 8"%> 
<html> 
< head><title>JSP 测试 </title></head> 
<body> 
<% //JSP 程序 段 ,其 作用 是 用 一 个 for 循环 来 控制 字体 的 大 小 
String welcome = "WELCOME!"; 
int font size = 0; 
for (int i = 0; i< 8; i++) { 
第 > 
< font size=<% =++font_size%>><% =welcome.charAt(i) %></font> 
<% 
} 
%S> 
</body> 
</html > 
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运行 结 -8 所 示 。 
和 a 














以 上 代码 通过 HTML 和 JSP 互相 骨 套 ,可 以 实现 = 
一 些 复杂 的 业务 逻辑 和 显示 页 面 。 WEI 

处 于 JSP 代码 段 循环 体 中 的 HTML 语句 也 属于 ” 日 
循环 体 的 内 容 , 参 与 循环 ,但 要 将 这 些 HTML 语句 从 局 fatenet a" |i00% 。， 
JSP 代码 段 中 “分 离 ”。 


图 4-8 ”welcome. jsp 运行 结果 
通过 浏览 器 的 “查看 "菜单 ,选择 “ 源 文件 ”, 可 看 到 


服务 器 将 上 述 JSP 文件 处 理 并 对 客户 做 出 响应 的 HTML 代码 : 


< html > 
<body> 
<font size=1> W </font> 
<font size=2> E </font> 
<font size=3> L </font> 
<font size=4> C </font> 
<font size=5> 0 </font > 
<font size=6> M </font> 
<font size=7> E </font> 
<font size=8> ! </font> 

</body> 
</html> 


程序 中 ,将 JSP 表达 式 嵌 入 到 HTML 代码 的 属性 中 ,实现 字体 大 小 每 次 加 1, 后 一 个 
JSP 表达 式 利 用 String 类 的 charAt 函数 每 次 取出 “ welcome” 中 的 一 个 字符 。 


4.3 JSP 编译 指令 


JSP 的 编译 指令 是 通知 JSP 引擎 的 消息 ,它们 的 作用 是 设置 JSP 程序 
和 由 该 JSP 程序 编译 所 生成 Servlet 程序 的 属性 , 它 不 直接 生成 输出 ,而 只 
是 告诉 引擎 如 何 处 理 JSP 页 面 中 的 某 些 部 分 。 5 
JSP 指令 的 基本 语法 格式 : JSP 编译 指 





< @ 编译 指令 名 属性 名 = "属性 值 ”%> 
例如 : 
< 外 @ page contentType = "text/html;charset = gb2312" % > 


注意 : 属性 名 部 分 是 区 分 大 小 写 的 ,在 目前 的 JSP 2.0 中 ,定义 了 page、include 和 
taglib 三 种 指令 ,每 种 指令 中 又 都 定义 了 一 些 各 自 的 属性 。 
4.3.1 page 编译 指令 

page 指令 用 来 设置 整个 JSP 页 面 的 相关 属性 和 功能 ,包括 指定 JSP 脚本 语言 的 种 类 、 


导入 的 包 或 类 指定 页 面 编码 的 字符 集 等 。 
page 指令 的 基本 语法 如 下 : 


<% @ page 属 性 1= "属性 值 1” 属性 2= "属性 值 2” 属性 3= "属性 值 3” … 多 > 


如 果 要 在 一 个 JSP 页 面 中 设置 同一 条 指令 的 多 个 属性 ,可 以 使 用 多 条 指令 语句 单独 设 
置 每 个 属性 ,也 可 以 使 用 同一 条 指令 语句 设置 该 指令 的 多 个 属性 。 例 如 ,对 于 page 指令 的 
属性 设置 有 以 下 两 种 形式 : 

第 一 种 方式 (常用 ) : 





<% @ page contentType = "text/html; charset = gb2312" import = "java. util.Date" %> 
第 二 种 方式 : 


<% @ page contentType = "text/html;charset = gb2312" %> 
<% @ page import = "java. util.Date" %> 


page 指令 常用 属性 设置 如 下 : 

。 language 一 "java" : 声明 当前 JSP 程序 所 使 用 的 脚本 语言 种 类 ,暂时 只 能 用 "java"。 

。 extends 一 "package. class": 声明 该 JSP 程序 编译 时 所 产生 的 Servlet 类 需要 继承 的 
class 或 需要 实现 的 interface 的 全 名 。 必 须 慎 重地 使 用 它 , 它 会 限制 JSP 的 编译 
能 力 。 

。 import 一 "packagel. calss1，package2. calss2,…": 声明 需要 导入 的 包 , 该 属性 决定 
了 该 JSP 页 面 可 以 使 用 的 Java 包 , 这 些 导入 的 包 作用 于 该 JSP 页 面 的 程序 段 .表达 
式 及 声明 。 这 里 的 import 同 普通 Java 程序 中 的 import 作用 是 一 样 的 。 在 page 指 
令 所 有 属性 中 ,只 有 import 属性 可 以 出 现 多 次 ,其 余 属 性 均 只 能 定义 一 次 。 如 果 用 
一 个 import 导入 多 个 包 , 需 要 用 ",” 隔 开 。 
例如 : 


<% @ page import = "java. util. * ,java. lang. * ”第 > 


也 可 以 使 用 分 别 导 入 的 形式 。 
例如 : 


<% @ page import = "java. util. *" %> 
<% @ page import = " java. lang. * " %> 


下 面 的 包 在 JSP 编译 时 已 经 自动 导入 了 ,不 需要 显 式 导 入 : 


java. lang. * 

javax. servlet. * 
javax. servlet. jsp. * 
javax. servlet. http. * 
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。 pageEncoding: JSP 要 经 过 两 次 的 “编码 ”, 第 一 阶段 会 用 pageEncoding 设 定 的 编码 
读 取 JSP 源 程序 ,再 将 读 取 的 JSP 源 程序 翻译 成 统一 的 UTF-8 编码 的 Servlet(Java 
程序 )。 第 二 阶段 就 是 由 Tomcat 输出 的 网 页 ,用 contentType 的 charset 属性 来 指 
明 服 务 器 发 送 给 客户 端 时 的 内 容 编码 。 

在 JSP 标准 语法 中 ,如 果 pageEncoding 属性 存在 ,那么 JSP 页 面 的 字符 编码 方式 就 由 
pageEncoding 决定 ,否则 就 由 contentType 属性 中 的 charset 决定 ; 如 果 charset 也 不 存在 ， 
JSP 页 面 的 字符 编码 方式 就 采用 默认 的 ISO8859-1。 

。 session 一 "true|false" : 指明 session 对 象 是 否 可 用 ,默认 值 为 true。 一 般 情况 下 ,很 
少 设置 该 属性 为 false。 如 果 设 置 该 属性 为 false, 那 么 就 不 能 使 用 session 对 象 ,也 
不 能 使 用 作用 域 为 session 的 < jsp:useBean > 元 素 。 关 于 session 将 在 后 面 做 详细 
介绍 。 
buffer 二 "8KB|none| size KB": buffer 属性 指明 输出 流 (out 对 象 执行 后 的 输出 ) 是 
否 有 缓冲 区 ,默认 值 为 8KB。 当 输出 流 被 指定 需要 缓冲 时 ,服务 器 会 将 输出 到 浏览 
器 上 的 内 容 做 暂时 的 保留 ,除非 指定 大 小 的 缓存 被 完全 占用 ,或 者 脚本 完全 执行 
完毕 。 
autoFlush 一 "true|false": 如 果 buffer 溢出 ,设置 是 否 需要 强制 输出 ,默认 值 为 
true。 如 果 设置 为 false, 一 旦 buffer 溢出 就 会 抛 出 异常 。 注 意 ,如 果 buffer 属性 被 
设置 为 none, 则 autoFlush 属性 必须 被 设置 为 true。 
isThreadSafe 二 "true|false": 设置 JSP 文件 是 否 允 许多 线程 使 用 (如 是 否 能 够 处 理 多 
个 request 请 求 ) ,默认 值 为 true。 如 果 设 置 成 false,JSP 容器 一 次 只 能 处 理 一 个 请 求 。 
。，info 二 "text": 描述 该 JSP 页 面 的 相关 信息 或 说 明 , 该 信息 可 以 通过 Servlet. 

getServletInfo 方法 取得 。 
例如 : 


info = "这 是 JSP Page 指令 使 用 实例 " 


。 errorPage 二 "relative URL": 如 果 页 面 产 生 了 异常 或 者 错误 ,而 该 JSP 程序 又 没有 
相应 的 处 理 代码 , 则 会 重 定 向 到 该 指令 所 指定 的 外 部 JSP 文件 。 

。 isErrorPage 一 "true|false" : 该 属性 指示 当前 JSP 页 面 是 否 可 以 作为 其 他 JSP 页 面 
的 错误 处 理 页 ,可 参照 例 4-1 中 errorPage. jsp 的 设置 。 如 该 属性 设 定 为 true, 则 该 
页 面 可 以 接收 其 他 JSP 页 面 出 错时 产生 的 exception 对 象 ; 如 设 定 为 false, 则 无 法 
使 用 exception。 

【 例 43-8〗 以 下 是 一 个 有 关 errorPage 的 实例 。 

代码 (jspweb 项 目 \WebRoot\ch04\errorSource. jsp) 的 清单 : 


<$% @page pageEncoding = "gbk" errorPage = "errorPage. jsp" %> 
<html> 
<body> 
<%!int i=0;%> 
<% =7/i%> 
</body> 
</html > 


代码 (jspweb 项 目 \WebRoot\ch04\ errorPage. jsp) 的 清单 : 


<% @ page isErrorPage = "true" pageEncoding = "gbk" %> 
异常 信息 : <% = exception%> 


运行 errorSource. jsp ,将 会 显示 errorPage. jsp 中 的 0 被 除 的 错误 信息 ,程序 运行 结果 
如 图 4-9 所 示 。 
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图 4-9 errorSource. jsp 运行 结果 


。 ContentType 二 "mimeType[ ;charset 一 characterSet]": 用 于 设 定 作为 响应 返回 的 网 
页 文件 格式 和 编码 样式 , 即 MIME 类 型 和 页 面 字 符 集 类 型 ,它们 是 最 先 传送 给 客户 
端的 部 分 。 

MIME(Multipurpose Internet Mail Extensions, 多 用 途 因特网 邮件 扩充 ) 最 初 是 为 了 
标识 邮件 E-mail 附件 的 类 型 ,现在 代表 互联 网 媒体 类 型 。MIME 类 型 包 仿 视频、 图像、 文 
本 、 音 频 、 应 用 程序 等 数据 。 

MIME 由 媒体 类 型 (Type) 与 子 类 型 (Subtype) 两 部 分 组 成 ,它们 之 间 使 用 反 斜 杠 “/” 分 
隔 , 其 中 Type 取 值 为 application、audio、example、image、message、model、 multipart、 text、 
video。 子 类 型 Subtype 是 某 种 类 型 的 标识 符 ,如 plain、html\ess、gif、xml 等 。mimeType 通 
常 取 值 有 text/html( 默 认 类 型 )、text/plain、image/gif、image/jpeg 等 。 默 认 的 字符 编码 方 
式 “ISO8859-1”。 如 果 需 要 显示 中 文字 体 ,一 般 设置 charset 为 GBK 或 GB2312。GBK 是 汉 
字 国 标 扩展 码 , 基 本 上 采用 了 GB2312 所 有 的 汉字 及 码 位 ,并 涵盖 了 Unicode 中 所 有 的 汉 
字 , 总 共 收 录 了 883 个 符号 ,21003 个 汉字 ,还 提供 了 1894 个 造 字 码 位 。 

例如 : 


<% @page contentType = "text/html;charset = GBK" %> 


关于 JSP 页 面 中 的 pageEncoding 和 contentType 两 种 属性 的 区 别 : pageEncoding 是 
JSP 文件 本 身 的 编码 ; contentType 的 charset 是 指 服 务 器 发 送 给 客户 端 时 的 内 容 编 码 。 

JSP 要 经 过 三 个 阶段 的 “编码 ”, 第 一 阶段 会 用 pageEncoding; 第 二 阶段 会 用 UTF-8 读 
取 Java 源码 ,生成 字 节 码 ; 第 三 阶段 就 是 由 Tomcat 出 来 的 网 页 ,用 的 是 contentType。 

第 一 阶段 是 JSP 编译 成 Java。 它 会 根据 pageEncoding 的 设 定 读 取 JSP, 结 果 是 由 指定 
的 编码 方案 翻译 成 统一 的 UTF-8 Java 源码 ( 即 . java) ,如 果 pageEncoding 设 定 错 了 ,或 没 
有 设 定 , 出 来 的 就 是 中 文 乱码 。 

第 二 阶段 是 由 Javac 的 Java 源码 至 Java byteCode 的 编译 。 

不 论 JSP 编写 时 候 用 的 是 什么 编码 方案 ,经 过 这 个 阶段 的 结果 全 部 是 UTF-8 的 
encoding 的 Java 源码 。 

Javac 用 UTF-8 的 encoding 读 取 Java 源码 ,编译 成 UTF-8 encoding 的 二 进 制 码 ( 即 
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class) ,这 是 JVM 对 常数 字 串 在 二 进 制 码 (Java Encoding) 内 表达 的 规范 。 

第 三 阶段 是 Tomcat( 或 其 的 Application Container) 载 人 和 执行 阶段 二 的 Java 二 进 制 
码 输出 的 结果 ,也 就 是 在 客户 端 见 到 的 ,这 时 隐藏 在 阶段 一 和 阶段 二 的 参数 contentType 就 
发 挥 了 功效 。 

JSP 文 件 的 编码 方式 不 同 于 Java,Java 在 被 编译 器 读 入 时 默认 采用 的 是 操作 系统 所 设 
定 本 地 (local) 所 对 应 的 编码 。 一 般 不 管 是 在 记事 本 还 是 在 UltraEdit 中 写 代 码 , 如 果 没 有 
经 过 特别 转 码 的 话 , 写 出 来 的 都 是 本 地 编码 格式 的 内 容 。 所 以 编译 器 采用 的 方法 刚好 可 以 
让 虚拟 机 得 到 正确 的 资料 。 

但 是 JSP 文件 不 是 这 样 , 它 没有 这 个 默认 转 码 过 程 ,而 是 通过 指定 pageEncoding 实现 
正确 的 转 码 。 

例如 : 


<% @ page contentType = "text/html;charset =utf -8" %> 


会 打印 出 乱码 ,因为 输入 的 “你 好 ?是 GBK 编码 ,但 是 服务 器 是 否 能 正确 抓 到 “你 好 ”不 得 而 
知 , 但 是 如 果 更 改 为 : 


<% @ page contentType = "text/html;charset = utf - 8" pageEncoding = "GBK" %> 


这 样 服务 器 一 定 会 正确 抓 到 “你 好 ”。 
。 isELlgnored 二 "true | false" : 表明 如 何 处 理 el 表达 式 。 如 果 设 定 为 true, 那 么 JSP 
中 的 el 表达 式 被 忽略 而 当成 字符 串 处 理 。Web 容器 默认 isELIgnored 一 "false"。 

例如 ,表达 式 < p>$ {2000 % 20}</p > 在 isELIgnored= 王 "true" 时 ,el 表达 式 被 忽略 ,而 
当成 字符 串 输 出 为 $ {2000 % 20}; 而 在 isSELIgnored= "false" 时 ,el 表达 式 不 被 忽略 ,输出 
为 100。 

JSP 2.0 的 一 个 主要 特点 是 它 支持 表达 式 语言 (Expression Language) 。 表 达 式 语言 可 
以 使 用 标记 格式 方便 地 访问 JSP 的 隐 含 对 象 和 JavaBean 组 件 。page 指令 各 个 属性 汇总 如 
表 4-2 所 示 。 

表 4-2 page 指令 各 个 属性 汇总 





属 性 名 含 划 举 例 

language 设置 当前 页 面 中 编写 JSP 脚本 使 用 的 ”<%@page language 一 "java" %> 
语言 。 目 前 仅 Java 为 有 效 值 和 默认 值 

import 用 来 导入 Java 包 名 或 类 列表 ,用 逗号 分 <%@page import 一 "java. util. *"” %> 
隔 ,可 以 在 同一 个 文件 中 导入 多 个 不 同 
的 包 或 类 

session 可 选 值 为 true 或 false, 指 定 JSP 页 面 是 <%@page session 二 "true” %> 
否 使 用 session 


contentType 用 于 设置 传 回 网 页 的 文件 格式 和 编码 <% @ page contentType 一 " text/html; 
方式 , 即 设置 MIME 类 型 ,默认 MIME charset 一 gbk”" %> 
类 型 是 text/html, 默认 的 字符 编码 是 
ISO-8859-1 





续 表 





属 性 名 含 蓝 举 例 
pageEncoding 指定 本 页 面 编码 的 字符 集 ,默认 为 ISO- <%@page pageEncoding 二 "gbk" %> 
8859-1 
buffer 指定 服务 器 向 客户 端 发 送 JSP 文件 时 <%@page buffer 二 "8k"%> 
使 用 的 缓冲 区 大 小 ,以 KB 为 单位 ,默认 
值 为 SKB 
autoFlush 决定 输出 流 的 缓冲 区 满 了 后 是 否 需要 <%@page autoFlush=="true"%> 


自动 刷新 ,缓冲 区 满 了 后 会 产生 异常 错 
误 (Exception) ,默认 为 true 


iserrorPage 指定 本 JSP 文件 是 否 用 于 显示 错误 信 <%@page iserrorPage 一 "true" %> 
息 的 页 面 

errorPage 指定 本 JSP 文件 发 生 错 误 时 要 转向 的 ”<%@page errorPage 一 "error. jsp"” %> 
显示 错误 信息 的 页 面 


isThreadSafe 声明 JSP 引擎 执行 这 个 JSP 程序 的 方 <%@page isThreadSafe 二 "ture” %> 
式 。 默认 值 是 ture,JSP 引擎 会 启动 多 
个 线程 来 响应 多 个 用 户 的 请 求 。 如 果 
是 false, 则 JSP 引擎 每 次 只 启动 一 个 线 
程 响应 用 户 的 请 求 

isELIgnored 用 来 设置 是 否 忽略 EL 表达 式 。 设 置 为 ”<%@page isELInored 一 "true"%%> 
true 表示 忽略 EL 表达 式 $ {} 


使 用 page 指令 要 注意 以 下 几 点 : 

(1) <%@page %> 指 令 作 用 于 整个 JSP 页 面 ,包括 静态 的 包含 文件 (用 <%@include %> 
指令 调用 ) ,但 不 包括 用 <jsp:include > 指令 指定 的 动态 包含 文件 ,因为 动态 包含 时 ,实际 上 仍 
是 两 个 独立 运行 的 Servlet 文件 ,而 静态 包含 实际 上 是 将 两 个 JSP 文件 合并 为 一 个 Servlet。 

(2) 除了 import 属性 之 外 ,其 他 的 属性 都 只 能 用 一 次 。 

(3) 无 论 把 <%@page %> 指 令 放 在 JSP 文 件 的 哪个 地 方 , 它 的 作用 范围 都 是 整个 JSP 
页 面 。 不 过 ,为 了 JSP 程序 的 可 读 性 ,最 好 还 是 把 它 放 在 JSP 文件 的 顶部。 


4.3.2 include 编译 指令 


include 编译 指令 用 于 通知 JSP 引擎 在 翻译 当前 JSP 页 面 时 将 其 他 文件 中 的 内 容 与 当 
前 JSP 页 面 合并 ,转换 成 一 个 Servlet 源 文件 。 这 种 在 编译 阶段 进行 整合 处 理 的 合并 操作 称 
为 静态 包含 。 

JSP include 编译 指令 的 基本 请 法 如 下 : 


<% @ include file= "relative URL" $%> 


file 属性 是 需要 引用 HTML 页 面 或 JSP 页 面 的 相对 路 径 。 如 果 file 属性 的 设置 路 径 
以 “/” 开 头 , 表 示 相 对 于 当前 Web 应 用 程序 的 根 目录 而 不 是 站 点 根 目录 。 

引入 文件 与 被 引入 文件 是 在 被 JSP 引擎 翻译 成 Servlet 的 过 程 中 进行 合并 ,而 不 是 先 合 
并 源 文 件 后 再 对 合并 的 结果 进行 翻译 。 当 前 JSP 页 面 的 源 文件 与 被 引入 文件 的 源 文件 可 
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以 采用 不 同 的 字符 集 编 码 , 即使 在 一 个 页 面 中 使 用 page 指令 的 pageEncoding 或 
contentType 属性 指定 了 其 源 文件 的 字符 集 编码 ,在 另外 一 个 页 面 中 还 需要 用 page 指令 的 
pageEncoding 或 contentType 属性 指定 其 源 文件 所 使 用 的 字符 集 。 除 了 import 和 
pageEncoding 属性 之 外 ,page 指令 的 其 他 属性 不 能 在 这 两 个 页 面 中 有 不 同 的 设置 值 。 

除了 指令 元 素 之 外 ,被 引入 的 文件 中 的 其 他 元 素 都 被 转换 成 相应 的 Java 源 代码 ,然后 
插 和 人 当前 JSP 页 面 所 翻译 成 的 Servlet 源 文件 中 ,搬入 位 置 与 include 指令 在 当前 JSP 页 面 
中 的 位 置 保持 一 致 。 

Tomcat 在 访问 JSP 页 面 时 ,可 以 检测 它 所 引入 的 其 他 文件 是 否 发 生 了 修改 ,如 果 发 生 
了 修改 , 则 重新 编译 当前 JSP 页 面 。 

include 指令 通常 用 来 包含 网 站 中 经 常 出 现 的 重复 性 页 面 。 例 如 ,许多 网 站 为 每 个 页 面 
都 设计 了 一 个 导航 栏 ,把 它 放 在 页 面 的 顶端 或 左下 方 ,每 个 页 面 都 重复 着 同样 的 内 容 。 
include 指令 是 解决 此 类 问题 的 有 效 方法 ,使 开发 者 们 不 必 花 时 间 去 为 每 个 页 面 复制 相同 的 
HTML 代码 。 

【 例 4-9】 下 面 有 两 个 JSP 文件 ,通过 include 指令 将 subpage. jsp 做 入 到 mainpage. 
jsp 文件 中 。 程 序 运行 结果 如 图 4-10 所 示 。 
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图 4-10 mainpage. jsp 运行 结果 
程序 (\jspweb 项 目 \WebRoot\ch04\subpage. jsp) 的 清单 


<$% @ page language = "java" pageEncoding = "gbk" %> 
<html> 
<body> 
<font size=5> 这 是 第 一 个 JSP 页 面 </font > <br> 
</body> 
</html > 


程序 (\jspweb 项 目 \WebRoot\ch04\mainpage. jsp) 的 清单 : 


<% @ page language = "java" pageEncoding = "gbk" %> 
<% @ include file= "subpage .jsp" %> 
<html> 
<body> 
这 是 第 二 个 JSP 页 面 
</body> 
</html > 


通过 查看 服务 器 work 文件 夹 下 的 源 代码 ,可 看 到 这 两 个 JSP 文件 只 生成 了 一 个 Servlet。 
如 果 被 包含 文件 需要 经 常 变动 . 则 建议 使 用 < jsp:include > 动作 代替 include 指令 。 
<jsp:include > 动作 将 在 后 面 介 绍 。 


4.3.3 taglib 编译 指令 


<%@ taglib %> 指 令 定义 一 个 标记 库 以 及 自 定义 标记 的 前 级 ,以 便 在 页 面 中 使 用 基本 
标记 或 自 定义 标记 来 完成 指定 的 功能 。 
taglib 指令 的 格式 为 : 


<%@ taglib uri= "taglibURI" prefix = "tagPrefix" $%> 


其 中 属性 含义 如 下 : 
。 tagliburi: 唯一 地 指定 标记 库 的 绝对 路 径 或 相对 路 径 ,uri 用 于 定位 这 个 标记 库 资 源 
的 位 置 。 


。 tagPrefix: 指标 记 库 的 识别 符 , 用 以 区 别 用 户 的 自 定 义 动作 。 

【 例 4-10】 在 JSP 文件 中 引用 JSP 的 标准 标记 库 中 的 核心 标记 库 , 并 使 用 了 其 中 的 
set 标记 定义 一 变量 ,使 用 out 标记 输出 变量 的 值 。 

程序 (\jspweb 项 目 \WebRoot\ch04\tag. jsp) 的 清单 : 


1 <%@ page language = "java" pageEncoding = "gbk" %> 

2 <%@ taglib uri= "http://java. sun.com/jstl/core rt" prefix="c"%> 
3 <html> 

4 <head> 

5 <title>JSP 测试 </title> 

6 </head> 

学 <body> 

8 <c:set var = "example" value=" $ {100 +1}" scope= "session" /> 
9 example =<c:out value=" $ {example}" /> 

10 </body> 

11 </html> 


程序 运行 结果 如 图 4-11 所 示 。 
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图 4-11 tag.jsp 运行 结果 
其 中 ,第 2 行使 用 taglib 指令 引入 JSTL 的 标记 库 , 第 8 行 定义 一 个 变量 example, 第 9 
行 输出 变量 的 值 。JSP 标准 标记 库 在 第 9 章 还 要 详细 介绍 。 


4.4 JSP 动作 指令 
JSP 动作 指令 主要 是 一 组 动态 执行 的 指令 ,以 标记 的 形式 使 用 。 


上 
与 编译 指令 不 同 ,动作 指令 是 运行 时 的 脚本 动作 。JSP 的 7 个 动作 指 回 
令 如 表 4-3 所 示 。 JSP 动作 指 
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表 4-3 JSP 动作 指令 表 





JSP 动作 指令 作 用 
jsp: forward 执行 页 面 转向 ,将 请 求 的 处 理 转发 到 下 一 个 页 面 
jsp: param 用 于 传递 参数 ,必须 与 其 他 支持 参数 的 标记 一 起 使 用 
jsp: include 用 于 动态 引入 一 个 JSP 页 面 
jsp: plugin 用 于 下 载 JavaBean 或 Applet 到 客户 端 执行 
jsp: useBean 使 用 JavaBean 
jsp: setProperty 修改 JavaBean 实例 的 属性 值 
jsp: getProperty 获取 JavaBean 实例 的 属性 值 


4.4.1 forward 动作 指令 


<jsp:forward page 二 “relativeURL”/> 动 作 的 作用 是 实现 服务 器 端的 页 面 跳 转 , 即 从 当 
前 页 面 转发 到 另 一 个 页 面 ,可 以 转发 到 静态 的 HTML 页 面 ,也 可 以 转发 到 动态 的 JSP 页 
面 ,或 者 转发 到 容器 中 的 Servlet。 

语法 形式 1: 


< jsp:forward page = " {relativeURL | <% = expression%>}"/> 
语法 形式 2， 


< jsp:forward page = " {relativeURL | <% = expression% >}"/> 
< jsp:param name = "parameterName" 

value = "{parameterValue | <% = expression% >}"/> 
</jsp:forward> 


page 属性 包含 的 是 目标 文件 的 相对 URL, 指 定 了 要 转发 的 目标 文件 的 路 径 。 可 用 
<jsp:param > 设置 参数 。 

jsp:forward 动作 从 当前 页 面 转发 到 另 一 个 页 面 时 ,实际 完成 的 还 是 同一 个 请 求 ,因此 
在 转发 过 程 中 request 对 象 在 新 的 页 面 中 也 是 有 效 的 ,这 种 跳 转 方式 也 称 为 服务 器 跳 转 。 
jsp:forward 动作 常用 于 用 户 登 录 验 证 中 。 


4.4.2 include 动作 指令 


<jsp:include > 动作 指令 标记 用 于 把 另外 一 个 资源 的 输出 内 容 插入 进 当 前 JSP 页 面 的 
输出 内 容 之 中 ,实际 上 是 把 指定 页 面 的 servlet 所 生成 的 应 答 内 容 插入 到 本 页 面相 应 位 置 。 
这 种 在 JSP 页 面 执行 时 的 引入 方式 称 为 动态 引入 。< jsp:include > 动作 指令 涉及 的 两 个 
JSP 页 面 会 被 翻译 成 两 个 Servlet, 这 两 个 Servlet 的 内 容 在 执行 时 进行 合并 。 

指令 格式 1: 


< jsp:include page = "{relativeURL | <% = expression%>}" flush= "true"/> 


指令 格式 2: 


< jsp:include page = "{relativeURL | <% = expression%$>}" flush= "true"> 
< jsp:param name = "parameterName" value = "patameterValue" /> 
</jsp:include> 


其 中 : 

。 page: 指定 需要 包含 的 文件 的 相对 路 径 或 绝对 路 径 。 

。 flush 属性 指定 在 插入 其 他 资源 的 输出 内 容 时 ,是 否 先 将 当前 JSP 页 面 已 输出 的 内 

容 刷新 到 客户 端 。 必 须 设置 flush 二 "true"。 

服务 器 端 页 面 缓冲 的 意思 是 ,在 将 生成 的 HTML 代码 送 到 客户 端 前 , 先 在 服务 器 端 内 
存 中 保留 ,因为 解释 JSP 或 Servlet 变 成 HTML 是 一 步 步 进行 的 ,可 以 在 服务 器 端 生 成 
HTML 或 生成 一 部 分 HTML( 所 占用 字 节 数 已 达到 指定 的 缓冲 字 节 数 ) 后 再 送 到 客户 。 如 
果 不 缓冲 , 则 会 解释 生成 一 句 HTML 就 向 客户 端 发 送 一 句 。 在 jsp:include 语句 中 ,必须 设 
置 flush 二 "true" ,表示 如 果 包 含 进来 的 页 面 有 变化 ,本 页 面 也 随 之 刷新 。 如 果 其 值 被 设置 
为 false, 可 能 会 导致 意外 错误 。 

<jsp:include > 动作 指令 与 <%@include% > 编译 指令 的 作用 是 相同 的 ,都 可 在 当前 页 面 
中 嵌入 某 个 页 面 , 但 它们 在 执行 过 程 中 还 是 有 区 别 的 。include 编译 指令 是 ,在 JSP 程序 被 
翻译 为 Servlet 程序 时 ,就 先 将 file 属性 所 指定 的 程序 内 容 * 合 并 ?到 当前 的 JSP 程序 中 ,使 
嵌入 的 文件 与 主 文件 成 为 一 个 整体 ,然后 进行 编译 。< jsp:include > 动作 指令 中 page 所 指 
定 的 文件 只 有 在 客户 端 请 求 时 期 才 会 被 单独 进行 编译 和 载 和 人 ,动态 地 与 主 文件 合并 起 来 
输出 。 

如 果 被 嵌入 的 文件 经 常 改 变 ,建议 使 用 < jsp:include > 动作 指令 。 

程序 片段 举例 1: 


< jsp:include page = "scripts/login. jsp"/> 
< jsp:include page = "copyright. html"/> 
< jsp:include page = "/index. html"/> 


程序 片段 举例 2: 


< jsp:include page = "scripts/login. jsp"> 
< jsp:param name = "username" value = "ntuweb"/> 
</jsp:include> 


<jsp:include > 动作 也 可 与 < jsp:param > 动作 一 起 使 用 ,用 来 向 被 包含 的 页 面 传递 
参数 。 

由 于 < jsp:include > 动作 在 维护 上 的 优势 十 分 巨大 :实际 应 用 中 ,一般 首 选 include 动作 
指令 来 包含 文件 。 

如 果 在 所 包含 的 文件 中 定义 了 主页 面 要 用 到 的 字段 或 方法 ,就 应 该 使 用 include 编译 指 
令 ; 否则 ,会 影响 主页 面 不 能 正常 生成 Servlet。 

下 面 的 例子 中 ,所 包含 的 文件 subp. jsp 中 定义 了 主页 面 mainp. jsp 中 要 用 到 的 字段 
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num, 此 时 只 能 使 用 <%@ include file 二 "subp. jsp”%% > 编译 指令 。 显 然 , 这 里 使 用 include 
动作 指令 是 不 可 能 的 ,因为 num 变量 未 定义 ,主页 面 不 能 成 功 转换 成 Servlet。 

程序 片段 举例 : 

subp. jsp 源 代 码 : 


<%! int num= 0; %> 


mainp. jsp 源 代码 : 


<html> 
<body> 
<%@ include file= "subp. jsp" %> 
<% = num 先 > 
</body> 
</html> 


下 面 的 JSP 页 面 把 4 则 新 闻 摘 要 插入 news. jsp 主 JSP 页 面 中 。 改 变 新 闻 摘 要 时 只 需 
改变 这 4 个 文件 ,而 主 JSP 页 面 却 可 以 不 修改 ,这 种 情况 就 应 该 首选 < jsp:include > 动作 指 
令 包含 文件 : 

</center ><p> 下 面 是 最 新 发 生 的 新 闻 摘 要 : 

<ol> 

<1i><jsp:include page = "news/Iteml. html" flush = "true"/> 

<1i><jsp:include page = "news/Item2. html" flush= "true"/> 

<1i><jsp:include page = "news/Item3. html" flush = "true"/> 

<1i><jsp:include page = "news/Item4. html" flush= "true"/> 
</ol > 


4.4.3 plugin 动作 指令 

<jsp:plugin > 动作 指令 动态 地 下 载 服务 器 端的 JavaBean 或 Java Applet 程序 到 客户 端 
的 浏览 器 上 执行 。 当 JSP 页 面 被 编译 并 响应 至 浏览 器 执行 时 ,< jsp:plugin > 会 根据 浏览 器 
的 版 本 替换 成 < object > 或 < embed > 标记 。 

plugin 的 基本 语法 如 下 : 


< jsp:plugin 属性 1=" 值 1" 属性 2=" 值 2” 属性 3=" 值 3"…> 


例如 : 


< jsp:plugin type = "applet" code= "Clock. class" codebase = "applet" 
jreversion= "1.2" width= "160" height = "150" > 
< jsp:fallback> APPLET 载 人 出 错 ! </jsp:fallback> 
</jsp:plugin> 


<jsp:plugin > 动作 指令 各 属性 如 表 4-4 所 示 。 


表 4-4 <jsp:plugin > 属性 列表 


属 性 


说 明 





type= "bean|applet" 


code= "classFileName" 


codebase= "classFileBase" 


name= "instanceName" 

align= "bottom |top| middle | left| right" 
height= "heightPixels" 

width 一 "widthPixels” 

hspace 一 "leftrightPixels” 

vspace= "topbottomPixels" 


archive= "archiveList" 


iepluginurl= "iepluginURL" 
nspluginurl= "nspluginURL" 
jreversion= "versionnumber" 
< jsp:fallback > message </ijsp:fallback > 
<jsp:params> 
< jsp:param 
name= "parameterName" 
value= "parameterValue| 
<%=expression%>"/> 


</jsp:params > 


指定 被 执行 的 插件 类 型 ,必须 指定 为 Bean 或 Applet 中 的 一 
种 ,因为 该 属性 没有 默认 值 

将 被 插件 执行 的 Java 类 文件 名 。 该 文件 必须 位 于 codebase 
属性 指定 的 目录 中 

被 执行 的 Java 类 文件 所 在 目录 ,默认 值 为 使 用 < jsp:plugin > 
的 JSP 页 面 所 在 路 径 

Bean 或 Applet 的 名 字 

Bean 或 Applet 对 象 的 位 置 

Bean 或 Applet 对 象 将 要 显示 的 长 宽 值 ,单位 为 像素 (Pixel) 


Bean 或 Applet 对 象 显 示 时 距 屏 幕 左 右 `、 上 下 的 距离 ,单位 为 
像素 

一 些 用 逗号 分 隔 开 的 路 径 名 ,这 些 路 径 名 用 于 预先 加 载 一 些 
将 要 使 用 的 Java 类 以 提高 Applet 的 性 能 

分 别 用 来 指明 IE 用 户 和 Netscape Navigator 用 户 能 够 使 用 
JRE 的 URL 地 址 

运行 Applet 或 Bean 所 需 JRE 的 版 本 ,默认 值 为 1.2 

当 插 件 无 法 显示 时 给 用 户 的 提示 信息 

需要 向 Applet 或 Bean 对 象 传递 的 参数 


【 例 4-11】 Tomcat 自 带 了 使 用 <jsp:plugin > 的 例子 ,可 到 Tomcat 自 带 的 例子 文件 中 
找到 Clock2. class, 将 Clock2. class 放 入 WebRoot 下 applet 文件 夹 中 ,在 WebRoot 中 新 建 


plugin. jsp 文件 。 


程序 (\jspweb 项 目 \WebRoot\ch04\plugin. jsp) 的 清单 : 


< 外 @ page pageEncoding = "GBK" %> 


<html> 


<title> Plugin example </title> 


<body bgcolor = "white"> 
<h3> 当 前 时 间 是 :</h3> 


< jsp:plugin type = "applet" code = "Clock2. class" codebase = "applet" 
jreversion= "1.2" width= "160" height = "150"> 


< jsp:fallback> 


Plugin supported by browser. 


</jsp:fallback> 
</jsp:plugin> 
</body> 
</html> 
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在 浏览 器 地 址 栏 输入 http://localhost:8080/web/plugin. jsp ,运行 结果 如 图 4-12 所 示 。 
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图 4-12 <jsp:plugin > 示例 运行 结果 


4.4.4 param 动作 指令 


<jsp:param > 经 常 和 < jsp:include ><jsp:forward > 以 及 < jsp:plugin > 一 起 使 用 ,用 于 
页 面 间 的 参数 信息 传递 。 
其 基本 语法 是 : 


< jsp:param name = "parameterName" value = "parameterValue"> 


其 中 ,name 属性 是 参数 的 名 称 ; value 属性 是 参数 值 ,存放 在 页 面 间 进行 传递 的 数据 。 

如 果 在 页 面 转发 的 过 程 中 需要 传递 参数 ,可 以 与 <jsp:param /> 动作 结合 起 来 使 用 。 下 
面 通过 一 个 例子 加 以 说 明 。 

【 例 4-12】 这 是 < jsp:param > 和 < jsp:forward > 结合 使 用 的 一 个 例子 ,由 主页 面 
paramMain. jsp 和 转向 页 面 paramForward. jsp 组 成 。paramForward. jsp 获取 paramMain. 
jsp 通过 < jsp:param > 传递 的 参数 值 。 

程序 (\jspweb 项 目 \WebRoot\ch04\paramMain. jsp) 的 清单 : 


<% @ page contentTYpe = "text/html;charset = gb2312" %> 
<html> 
<head> 
<title> jsp:paran 动作 测试 </title> 
</head> 
<body> 
<% 
request. setCharacterEncoding( "gb2312"); 
第 > 
<% ="&lt;jsp:paramggt; 测 试 "%> 
< jsp:forward page = "paramForward. jsp"> 
< jsp:param name = "username" value= "大 中 华 " /> 


< jsp:param name = "password" value= 


</jsp:forward> 
</body> 
</html > 


"108" /> 


程序 (\jspweb 项 目 \WebRoot\ch04\paramForward. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset = gbk" %> 


<html> 
<head> 
<title> jsp:paran 测试 </title> 
</head> 
<body> 
<% = "&lt;jsp:param&gt; 测 试 "%><br> 
用 户 名 : <% = request. getParameter("username") %><br> 
用 户 密码 : <% = request. getParameter("password") > 
</body> 
</html > 


程序 运行 结果 如 图 4-13 所 示 : 

注意 : 跳 转 后 地 址 栏 没有 变化 ,说 明 这 是 服 
务 器 跳 转 ,属于 同一 次 请 求 。 

在 paramForward. jsp 中 ,JSP 表达 式 <% = 
request. getParameter("username")%> 的 作用 是 
从 request 对 象 取得 由 paramMain. jsp 页 面 利 用 
<jsp:param > 指令 传递 过 来 的 参数 的 值 。 在 实际 
使 用 中 往往 不 需要 传递 参数 ,只 是 利用 
<jsp:forward > 实现 页 面 的 简单 跳 转 。 
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图 4-13 <jsp:param > 示例 运行 结果 


由 于 < jsp:useBean >、<jsp:getProperty > 和 < jsp:setProperty > 动作 和 JavaBean 结合 


非常 紧密 ,将 在 第 6 章 做 详细 说 明 。 
4.4.5 相对 基准 地 址 





以 及 表单 < form action 一 pe 通常 提供 的 是 相对 地 址 用 于 相对 基准 地 址 
计算 目标 URL, 链 接 的 目标 文件 可 以 是 JSP, 也 可 以 是 Servlet。 这 些 链 接 


地 址 如 果 使 用 不 当 , 将 导致 无 法 找到 目标 文件 。 


下 面 介绍 关于 JSP 页 面 中 相对 基准 地 址 (URL) 、 超 链接 的 相对 地 址 (URL) 以 及 最 终 目 


标 地 址 (URL) 的 相关 概念 。 


如 果 链 接 操作 语句 中 提供 的 是 相对 URL, 则 最 终 目 标 URL 的 生成 方法 是 : 


最 终 目标 URL = JSP 页 面相 对 基准 URL + 语句 中 的 相对 URL 
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页 面相 对 基准 URL 的 设 定 分 如 下 两 种 情况 : 

(1) 通过 标记 < base href 王 "<%= 二 basePathURL%>"> 设 定 , 即 通过 < base href > 标记 ， 
将 本 JSP 页 面 中 的 相对 基准 URL 设 为 basePathURL。 这 样 固定 后 ,本 JSP 页 面 中 的 所 有 
链接 均 以 此 相对 基准 URL 为 基准 点 ,再 与 链接 语句 中 的 相对 URL* 合 成 ”, 得 到 最 终 目标 
URL。 一般 的 JSP 页 面 通过 如 下 语句 将 工程 项 目 路 径 设 为 页 面相 对 基准 URL。 


<%S 
String path = request.getContextPath(); 
String basePath = request. getScheme() +"://"+ request.getServerName()+":"+ 
request. getServerPort() + path+ "/"; 
先 > 
<base href ="<% = basePath%>"> 


例如 ,页 面相 对 基准 路 径 ==“http://localhost:8080/jspweb/”, 链 接 语 句 中 的 相对 URL= 
"index. jsp", 则 最 终 目标 URL 即 为 http://localhost:8080/jspweb/index. jsp。 

(2) 在 JSP 程序 中 没有 使 用 < base href > 标记 设 定 页 面相 对 基准 URL, 这 种 情况 下 ,页 
面 中 链接 操作 的 相对 基准 URL 不 固定 ,是 以 当前 的 JSP 页 面 的 URL 作为 本 页 面 中 链接 请 
句 的 相对 基准 URL。 

【 例 4-13〗 分 析 JSP 页 面 中 关于 链接 请 句 的 最 终 目标 URL 的 生成 情况 。 

代码 CN\jspweb 项 目 \WebRoot\ch04\basePath. jsp) 的 清单 : 


<% @ page language = "java" pageEncoding = "utf — 8" %> 
< 第 
String path = request. getContextPath( ) ; 
String basePath = request. getScheme() +"://" + request. getServerName() + ":" + 
request. getServerPort() + path+"/"; %> 
< htm]l > 
< head> <base href = "<% = basePath% >"> </head> 
< body> 
相对 基准 URL 测试 <br> 
String path =<% =path%><br> 
String basePath=<% = basePath% ><br> 
本 JSP 程序 的 相对 基准 URL=<% = basePath%>< br> 
<a href = "index. jsp"> 访 问 WebRoot 路 径 下 的 index. jsp<a><br> 
<a href = ". /ch04/index. html"> 访 问 \WebRoot\ch04\ 路 径 下 的 index. html <a> 
</body> 
</html > 


程序 运行 后 , 页 面 中 的 所 有 链接 均 以 http://localhost: 8080/jspweb/ 为 相对 基 
准 URL。 

语句 < a href 王 ". /ch04/index. html"> 中 的 “. ”表示 当前 JSP 页 面 所 使 用 的 相对 基准 
URL ,该 语句 也 可 写成 < a href 王 "ch04/index. html">, 因 为 这 两 个 由 href 设 定 的 链接 相对 
URL 与 页 面 的 相对 基准 URL 合成 后 的 最 终 目标 URL 是 相同 的 。 程 序 运 行 结果 如 图 4-14 
所 示 。 







[Shttp:/flocalhost-8080/ jsprebf eh0d/ bs IT =|D|xl 


1S, ® he: /ocahost e080/jspreb/ ehoafbasepath js | 
文件 四 编辑 四) 查看 WW 收藏 天 和 工具) 帮助 0 
相对 基准 URL 测 试 
Sting path =/jspweb 
String basePath=http. localhost 8080/jspweb/ 
本 JSP 程 序 的 相对 基准 URL=htto;//localhost8080/jspweb/ 


访问 WebRoot 路 径 下 的 mdex jsp 





/Shttp://localhost:-8080/3spreb/ eb ?0 -Iolxl 

















(ee 二 [tte /ochost:e000/jspred/ ch basePath. ja | 
文件 四 编辑 查看 WD 收藏 天 &) 工具 CI) 帮助 0D 














相对 基准 URI 测 试 
String path =/jspweb 

String basePath=http./localhost. 8080/jspweb, 

本 JSP 程 序 的 相对 基准 URL=httpJllocalhost8080/jspweb 


访问 WebRoot 路 径 下 的 index y 
















访问 WebRootich04\ 路 径 下 的 index hunl 


[http://1ocalhost:6080/jspweb/index. jsp 


(a) 


访问 WebRootich04\ 路 径 下 的 index 到 


ttp: 11ocalhost;80807jspwebych04/index.html [73 ~ [R100% - /4 
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[a [Ri -4 











4-14 相对 基准 URL 测试 


超 链接 中 表示 的 相对 路 径 与 DOS 系统 的 相对 路 径 概念 一 致 ,它们 的 含义 如 下 : 
。“/” 表 示 Web 服务 的 根 路 径 , 这 里 的 Web 服务 根 路 径 为 http://localhost:8080/。 
本 例 中 ,如 果 链 接 写成 < a href 二 "\ch04\index. html">, 则 合成 后 的 最 终 目标 URL 
将 为 http://localhost:8080/ch04/index. html, 运 行 时 将 会 出 现 找 不 到 目标 文件 的 
HTTP404 类 型 错误 ; 
。，“./” 表 示 当 前 JSP 页 面 使 用 的 相对 基准 URL, 要 特别 注意 JSP 页 面 中 是 否 通过 
< base href > 设 定 过 相对 基准 URL, 对 于 当前 JSP 页面 的 相对 基准 URL 一 般 会 有 
较 大 不 同 ,使 用 不 当 , 往 往 会 找 不 到 目标 资源 ; 
。“../” 表 示 当 前 JSP 页 面 使 用 的 相对 基准 URL 的 上 一 级 路 径 。 
如 果 不 使 用 < base href > 设 定 相对 基准 URL, 则 JSP 页 面 中 的 所 有 链接 均 以 当前 的 
JSP 路 径 为 相对 基准 URL。 读 者 可 去 掉 本 例 中 的 “< base href 二 "<% 二 basePath%>">” 请 
句 ,观察 超 链接 目标 地 址 的 变化 情况 。 
在 实际 使 用 中 , 当 链 接 不 到 最 终 目 标 URL 时 ,就 要 仔细 检查 相对 基准 URL 和 链接 地 
址 的 表示 方法 是 否 正确 。 


4.5 JSP 的 隐 含 对 象 


JSP 的 内 置 对 象 是 指 在 JSP 页 面 系统 中 已 经 默认 内 置 的 Java 对 象 ， 
这 些 对 象 不 需要 开发 人 员 显 式 声明 即 可 使 用 。 所 有 的 JSP 代码 都 可 以 直 
接 访问 JSP 的 内 置 对 象 。 





JSP 的 内 置 对 象 





JSP 的 9 个 内 置 对 象 见 表 4-5 所 示 。 
表 4-5 JSP 内 置 对 象 列 表 
内 置 对 象 所 属 类 型 说 明 作用 范围 
page java. lang. Object 代表 当前 JSP 页 面 Page 
request javax. servlet. 代表 由 用 户 提交 请 求 而 触发 的 request 对 象 Request 


HttpServletRequest 
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续 表 
内 置 对 象 所 属 类 型 说 明 作用 范围 

session javax. servlet. http. 代表 会 话 对 象 ,在 发 生 HTTP 请 求 时 被 创建 Session 
HttpSession 

application javax. servlet. 代表 调用 getServletConfig() 或 getContext() 方 法 Application 
ServletContext 后 返回 的 ServletContext 对 象 

response javax. servlet. 代表 由 用 户 提交 请 求 而 触发 的 response 对 象 Page 
HttpServletResponse 

out java. servlet. jsp. 代表 输出 流 的 JspWriter 对 象 ,用 来 向 客户 端 输 ”Page 
JspWriter 出 各 种 格式 的 数据 ,并 且 管理 服务 器 上 的 输出 组 

冲 区 
config javax. servlet. 代表 为 当前 页 面 配置 JSP 的 Servlet Page 


ServletConfig 
exception java. lang.Throwable 代表 访问 当前 页 面 时 产生 的 不 可 预见 的 异常 Page 


pageContext javax. servlet. jsp. 提供 了 对 JSP 页 面 内 所 有 的 对 象 及 名 字 空 间 的 ”Page 
PageContext 访问 ,也 就 是 说 它 可 以 访问 到 本 页 所 在 的 会 话 ， 
也 可 以 访问 本 页 面 所 在 的 应 用 , 它 相 当 于 页 面 中 
所 有 功能 的 集大成 者 


4.5.1 JSP 内 置 对 和 象 作用 域 


在 对 JSP 内 置 对 象 进一步 说 明之 前 ,首先 来 了 解 一 下 JSP 内 置 对 象 的 作用 域 (Scope) 。 

所 谓 内 置 对 象 的 作用 域 , 是 指 每 个 内 置 对 象 在 多 长 的 时 间 和 多 大 的 范围 内 有 效 , 也 即 在 
什么 样 的 范围 内 可 以 有 效 地 访问 同一 个 对 象 实例 。 这 些 作 用 域 正 好 对 应 JSP 的 4 个 内 置 对 
象 page ,request session 和 application 的 生命 周期 ,这 些 隐 含 对 象 虽然 名 称 不 同 , 但 多 数 功 
能 相似 , 主要 用 于 存放 相关 用 途 的 数据 ,只 是 它们 的 生命 周期 或 作用 域 有 区 别 。 

为 了 方便 理解 这 些 作用 域 概念 ,可 拿 现 实生 活 实际 做 比喻 , 壁 如 , 常 说 “一 杯 茶 的 时 间 ”， 
其 中 就 包含 了 两 层 含义 : 一 个 是 表示 茶杯 是 个 容器 ; 二 是 表示 喝 一 杯 茶 的 时 间 , 生 活 中 经 
常 把 “一 杯 茶 的 时 间 ” 用 来 衡量 做 某 件 事情 所 需 的 时 间 。 

JSP 内 置 对 象 中 的 request、session 和 application 对 象 ,可 以 形象 地 对 照 生活 中 的 “ 茶 
杯 “ 衣 和 袋 “ 书 包 ” 等 “容器 ”去 理解 ,它们 名 称 不 同 , 但 功能 相似 ,都 可 用 于 存放 东西 ,但 存放 
的 时 间 长 短 不 一 。“ 茶 杯 里 仅 存 放 一 杯 茶 , 喝 完 茶 后 (一 杯 茶 的 时 间 后 ) “茶杯 ”就 空 了 ,这 
相当 于 JSP 里 的 request 对 象 ,里 面 存放 的 数据 的 生命 周期 仅 是 一 次 请 求 的 时 间 ;“ 衣 袋 " 里 
放 的 东西 可 以 从 穿 上 衣服 开始 ,到 将 衣服 脱 下 送 洗 都 有 效 , 这 相当 于 JSP 里 的 session 对 象 ， 
它 里 面 存放 的 数据 的 生命 周期 较 长 ; 而 * 书 包 ? 里 一 般 放 着 学 生 证 ,学习 用 品 等 ,从 学 期 开始 
到 学 期 结束 都 有 效 , 相 当 于 JSP 里 的 application 对 象 , 它 里 面 存放 的 数据 生命 周期 最 长 ,从 
服务 器 启动 到 服务 器 关闭 为 止 。 

程序 设计 语言 中 一 般 都 定义 了 多 种 类 型 的 变量 ,对象 等 “数据 容器 ”, 其 实 它们 的 本 质 都 
是 用 来 存放 数据 ,只 是 适用 场合 .生命 周期 各 不 相同 ,以 满足 实际 需要 。 

图 4-15 所 示 为 用 户 通过 浏览 器 访问 Web 项 目 过 程 中 涉及 的 与 Page、Request、Session 
和 Application 生命 周期 所 对 应 的 JSP 内 置 对 象 page、request、session 和 application 的 相 
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图 4-15 JSP 内 置 对 象 生命 周期 原理 图 


图 4-15 中 两 个 客户 分 别 通过 各 自 的 浏览 器 IE_1 和 IE_2 访问 服务 器 。 

当 服 务 器 启动 时 ,会 自动 在 服务 器 内 存 中 创建 一 个 application 对 象 ,为 整个 应 用 所 共 
享 , 该 对 象 一 直 存在 直到 服务 器 关闭 。 

当 客户 首次 访问 JSP 页 面 时 ,服务 器 会 自动 为 客户 创建 一 个 session 对 象 ,这 个 对 象 的 
作用 域 即 为 Session 范围 ,并 为 该 session 对 象 分 配 一 个 ID 标识 ,同时 将 该 sessionID 号 返 
回 给 该 客户 ,保存 在 客户 机 Cookies 中 ,服务 器 上 的 这 个 session 对 象 在 客户 的 整个 网 站 浏 
览 期 间 均 存在 。 客 户 在 随后 的 访问 中 ,浏览 器 会 将 该 sessionID 随同 请 求 一 起 带 给 服务 器 ， 
服务 器 根据 请 求 中 的 sessionID 信息 可 在 服务 器 上 找到 之 前 为 该 客户 创建 的 session 对 象 。 
如 果 JSP 页 面 中 含有 涉及 session 对 象 信息 的 操作 ,服务 器 可 准确 访问 到 相应 用 户 的 
session 对 象 中 的 有 关 信 息 。 

当 客户 每 次 访问 某 个 JSP 页 面 时 ,服务 器 会 为 该 请 求 创 建 一 个 请 求 对 象 request, 用 于 
存放 这 次 访问 的 所 有 请 求 信息 ,这 个 request 对 象 的 作用 域 为 Request 范围 。 

程序 员 应 该 根据 实际 需要 ,合理 地 使 用 request 对 象 ,session 对 象 和 application 对 象 来 
管理 有 关 信 息 。 例 如 ,涉及 全 局 的 网 站 访问 次 数 就 应 该 由 application 对 象 来 管理 ,用 户 名 
等 涉及 多 个 页 面 的 用 户 个 人 信息 应 该 由 session 对 象 管理 ,只 涉及 一 次 请 求 过 程 需要 用 到 的 
信息 由 request 对 象 管理 。 使 用 最 多 的 应 该 是 request 对 象 ,因为 request 对 象 包含 了 用 户 
的 所 有 请 求 信 息 。 

在 JSP 中 ,用 page、request、session 和 application 对 象 的 生存 时 间作 为 内 置 对 象 生命 
周期 的 衡量 单位 ,这 些 作 用 域 分 别 用 Page、Request、Session 和 Application 来 表示 , 即 “ 页 面 
(Page) ”作用 域 “ 请 求 (Request)” 作 用 域 “ 会 话 (Session)” 作 用 域 和 “应 用 (Application)” 





JSP 鞭 大 基 础 


姗 全 溃 


JSP Web 鞭 大 及 应 用 我 程 (第 2 点 ) 用 琛 帮 





作用 域 ,用 它们 来 衡量 JSP 内 置 对 象 的 “生命 周期 ”。 

这 4 种 作用 域 的 具体 含义 如 下 : 

(1) Application 作用 域 : 对 应 application 对 象 的 作用 范围 ,起 始 于 服务 器 启动 时 
application 对 象 被 创建 之 时 ; 终止 于 服务 器 关闭 之 时 。 因 而 在 所 有 的 JSP 内 置 对 象 中 ， 
Application 作用 域 时 间 最 长 ,任何 页 面 在 任何 时 候 都 可 以 访问 Application 作用 域 的 对 象 。 
存 人 application 对 象 中 的 数据 的 作用 域 就 为 Application 作用 域 。 

(2) Session 作用 域 : 是 指 作用 范围 在 客户 端 同 服务 器 相连 接 的 期 间 , 直 到 该 连接 中 断 
为 止 。 

Session 这 个 词汇 包含 的 语义 很 多 ,通常 把 Session 翻译 成 会 话 ,因此 可 以 把 客户 端 浏 
览 器 与 服务 器 之 间 一 系列 交互 的 动作 称 为 一 个 Session。 从 这 个 含义 出 发 ,就 容易 理解 
Session 的 持续 时 间 ,这 个 持续 时 间 就 称 为 Session 作用 域 。 

session 对 象 是 服务 器 端 为 客户 端 所 开辟 的 存储 空间 ,每 个 用 户 首 次 请 求 访 问 服务 器 
时 ,服务 器 自动 为 该 用 户 创建 一 个 session 对 象 , 待 用 户 终 止 退 出 时 , 则 该 session 对 象 消 失 , 即 
用 户 请 求 首次 访问 服务 器 时 session 对 象 开始 生效 ,用 户 断 开 退 出 服务 器 时 session 对 象 失效 。 

和 application 对 象 不 同 ,服务 器 中 可 能 存在 很 多 session 对 象 ,但 是 这 些 session 对 象 
的 作用 范围 依 访问 用 户 的 数量 和 有 效 时 间 设 置 而 定 , 每 个 session 对 象 实例 的 生命 周期 会 相 
差 很 大 。 此 外 ,有 些 服务 器 出 于 安全 性 的 考虑 ,对 session 对 象 有 默认 的 时 间 限 定 ,如 果 超 过 
该 时 间 限 制 ,session 会 自动 失效 而 不 管用 户 是 否 已 经 终止 连接 。 

但 是 有 一 个 容易 产生 的 错误 理解 ,就 是 认为 关闭 浏览 器 就 关闭 了 session。 正 是 由 于 关 
闭 浏览 器 并 不 等 于 关闭 了 session, 才 会 出 现 设置 session 有 效 时 间 的 解决 方法 。 

(3) Request 作用 域 : 对 应 request 对 象 的 作用 范围 ,客户 每 次 向 JSP 页 面 提 出 请 求 服 
务 器 即 为 此 创建 一 个 request 对 象 ,服务 器 完成 此 请 求 后 ,该 request 立即 失效 。 这 一 过 程 
对 应 于 Request 作用 域 。 

(4) Page 作用 域 : 对 应 page 对 象 的 作用 范围 , 仅 在 一 个 JSP 页 面 中 有 效 , 它 的 作用 范 
围 最 小 或 生命 周期 最 短 。 对 于 page 对 象 中 的 变量 ,只 在 本 JSP 页 面 可 用 ,但 是 实际 上 由 于 
本 页 面 中 的 变量 无 须 放 到 page 对 象 中 也 可 以 使 用 。 因 此 ,对 于 Page 作用 域 的 page 对 象 在 
实际 开发 中 很 少 使 用 。 

下 面 对 JSP 内 置 对 象 的 使 用 方法 逐一 进行 介绍 。 


4.5.2 out 对象 


out 对 象 是 javax. servlet. jsp. JspWriter 类 的 实例 ,主要 用 来 向 客户 
端 输出 内 容 , 同 时 管理 应 用 服务 器 输出 缓冲 区 。 

out 对 象 主要 有 out. println(DataType) 和 print(DataType) 两 个 方法 
用 于 输出 数据 。 其 中 ,DataType 表示 Java 的 数据 类 型 。out 对 象 可 以 输 使 用 方法 
出 任何 合法 的 Java 表达 式 。 

【 例 4-14】 利用 out 对 象 在 浏览 器 中 输出 服务 器 的 系统 时 间 。 

程序 (\jspweb 项 目 \WebRoot\ch04\out. jsp) 的 清单 : 





<$% @ page language = " java" import = "java. util. * , java. text. SimpleDateFormat" pageEncoding = 
mopk" 
gbk" %> 


< htm] > 
< body> 
< 第 SimpleDateFormat sdf = new SimpleDateFormat("yyyy— MM - dd"); 
Date date = new Date( ) ; 
out. println(" 原 始 格式 日 期 : " + date); 
String strl = sdf. format (date); 
out. println("< br> 定 义 格 式 日 期 : " + str1); 
sdf.applyPattern("YyyyYy 年 MM 月 dd 日 "); 
String str2 = sdf. format (date); 
out. println("< br> 另 一 格式 日 期 : " + str2); 


程序 运行 结果 如 图 4-16 所 示 。 


/Shttp://localhost-:8080/jspreb/ eh04/ oe 0 =|D| xl 
-: 区 http://localhost:8080/jspreb/chD4/out. jsp 加 


原始 格式 日 期 Wed Oct 16 06:34:16 CST 2013 
定义 格式 日 期 ，2013-10-16 
另 一 格式 日 期 ，2013 年 10 月 16 日 
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4-16 ”out. jsp 运行 结果 


4.5.3 page 对 象 


page 对 象 代表 JSP 页 面 本 身 ,或 者 说 它 代表 了 被 转换 后 的 Servlet。 因 此 它 可 以 调用 任 
何 被 Servlet 类 所 定义 的 方法 。 在 JSP 页 面 的 JSP 程序 段 以 及 JSP 表达 式 中 可 以 使 用 page 
对 象 。page 对 象 的 基 类 是 java. lang. Object 类 ,如 果 要 通过 page 对 象 来 调用 方法 ,就 只 能 


调用 Object 类 中 的 那些 方法 。 


在 JSP 页 面 中 ,this 关键 字 表示 当前 JSP 页 面 这 个 对 象 ,可 以 调用 的 常见 方法 如 表 4-6 


所 示 。 


方 


表 4-6 this 关键 字 表 示 当 前 JSP 页 面 这 个 对 象 可 以 调用 的 常见 方法 
法 含义 





ServletConfig getServletConfig() 


返回 当前 页 面 的 一 个 ServletConfig 对 象 


ServletContext getServletContext() 返回 当前 页 面 的 一 个 ServletContext 对 象 
String getServletInfo() 获取 当前 JSP 页 面 的 Info 属性 


【 例 4-15】 使 用 getServletInfo 方法 ,获取 当前 页 面 的 Info 属性 。 
程序 (\jspweb 项 目 \WebRoot\ch04\info. jsp) 的 清单 : 


<% @ page contentTYpe = "text/html;charset = GB2312" %> 


<% @ page info = "版 权 单位 : 计算 机 科学 与 技术 学 院 " %> 
< html > 


JSP 靶 术 基 础 


山名 


JSP Web 技术 及 应 用 教程 ( 贫 2 版 ) 正 深 跋 





< body bgcolor = "Yellow"> 


<% =this.getServletInfo() %> 


</body> 
</html > 


程序 运行 结果 如 图 4-17 所 示 。 
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4-17 info.jsp 运行 结果 


4.5.4 request 对 象 


客户 每 次 向 JSP 服务 器 发 送 请 求 时 ,JSP 引擎 都 会 创建 一 个 request 对 象 。 客 户 端的 请 
求 信息 被 封装 在 request 对 象 中 ,通过 它 才 能 了 解 到 客户 的 需求 ,然后 做 出 响应 。 它 是 
javax. servlet. http. HttpServletRequest 类 的 实例 。 在 request 对 象 中 封装 了 客户 请 求 参 数 
及 客户 端的 相关 信息 。request 对 象 的 方法 有 很 多 , 表 4-7 列 出 了 其 中 的 部 分 方法 。 


表 4-7 request 对 象 的 常用 方法 


方法 


作 用 





void setAttribute(String name, Object o) 
Object getAttribute(String name) 


String getParameter(String name) 


String getRequestedSessionId() 


Enumeration getParameterNames() 


String getCharacterEncoding() 


setCharacterEncoding() 


String getContentType() 

Cookie[ ] getCookies() 

String getHeader(String name) 
ServletInputStream getInputStream() 
String getLocalName() 

String getLocalAddr() 

int getLocalPort() 

String getMethod() 

String [ ] getParameterValues ( String 


name) 


将 一 个 对 象 以 指定 的 名 字 保 存在 request 中 

返回 name 指定 的 属性 值 ,如 果 不 存 在 该 属性 则 返回 null 
获取 客户 端 传送 给 服务 器 的 单个 参数 值 ,参数 由 name 属性 
决定 

输出 SessionId 

获取 客户 端 传 送 给 服务 器 的 所 有 参数 名 称 , 返 回 一 个 
Enumerations 类 的 实例 。 使 用 此 类 需要 导入 util 包 

返回 请 求 对 象 中 的 字符 编码 类 型 

设置 解析 request 对 象 中 的 参数 信息 时 所 采用 的 字符 编码 
类 型 

返回 在 response 中 定义 的 内 容 类 型 

返回 客户 端 所 有 Cookie 对 象 ,其 结果 是 一 个 Cookie 数组 
返回 指定 名 字 的 HTTP Header 的 值 

返回 请 求 的 输入 流 

获取 响应 请 求 的 服务 器 端 主机 名 

获取 响应 请 求 的 服务 器 端 地 址 

获取 响应 请 求 的 服务 器 端 端口 

获取 客户 端 向 服务 器 提交 数据 的 方法 (GET 或 POST) 
获取 指定 参数 的 所 有 值 , 主 要 用 在 表单 的 多 选 框 等 场合 ， 
数 名 称 由 “name” 指 定 





续 表 





方 法 作 用 
String getProtocol() 获取 客户 端 向 服务 器 传送 数据 所 依据 的 协议 ,如 HTTP/1.1、 
HTTP/1.0 
String getQueryString() 获取 request 参数 字符 串 ,前 提 是 采用 GET 方法 向 服务 器 
传送 数据 


返回 请 求 的 输入 流 对 应 的 Reader 对 象 , 该 方法 和 


BufferedRead Reader() 
A getInputStream() 方 法 在 一 个 页 面 中 只 能 调用 一 个 


StringBuffer getRequestURL() 获取 request URL, 但 不 包括 参数 字符 串 

String getRemoteAddr() 获取 客户 端 用 户 IP 地 址 

String getRemoteHost() 获取 客户 端 用 户主 机 名 称 

String getRemoteUser() 获取 经 过 验证 的 客户 端 用 户 名 称 , 未 经 验证 返回 null 
String getServletPath() 客户 端 所 请 求 的 服务 器 端 程序 的 路 径 

HttpSession getSession([boolean create]) “返回 与 请 求 相关 的 HttpSession 

int getServerPort() 客户 端 所 请 求 的 服务 器 的 HTTP 的 端口 号 


在 request 对 象 的 方法 中 ,比较 常用 的 有 getParameter 和 getParameterValues 两 个 
方法 。 

getParameter 方法 可 以 获取 客户 端 提 交 页 面 中 的 某 一 个 控件 的 值 ,这 个 函数 的 返回 值 
是 一 个 String 对 象 ,如 文本 框 , 单 选 按钮 .下 拉 列 表 框 等 。 

getParameterValues 方法 可 以 获取 客户 端 提交 页 面 中 的 一 组 控件 的 值 ,返回 值 是 一 个 
String 数组 。 

【 例 4-16】 下 面 通过 一 个 示例 来 说 明 Request 对 象 的 这 几 个 常用 方法 的 使 用 。 

程序 (\jspweb 项 目 \WebRoot\ch04\request_1.jsp) 的 清单 : 


<% @ page language = "java" import = "java. util. *" pageEncoding = "GBK" %> 
<! DOCTYPE HTML PUBLIC " - //W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<body> 
< 第 
out.println(" 请 求 使 用 的 协议 : " + request. getProtocol() +"<br>"); 
out.println(" 请 求 使 用 的 Schema:" + request. getScheme() + "<br>"); 
out. println(" 访 问 服务 的 名 称 :" + request. getServerName() + "<br>"); 
out. println(" 访 问 端口 号 :" + request. getServerPort()+"<br>"); 
out. println("Servlet 容器 :" + getServletConfig(). 
getServletContext().getServerInfo() +"<br>"); 
out. println(" 客 户 IP 地 址 :" + request. getRemoteAddr()+"<br>"); 
out.println(" 请 求 的 类 型 (Method) : " + request. getMethod() + "<br>"); 
out. println("Session Id :" + request. getRequestedSessionId() + "<br>"); 
out.println(" 请 求 的 资源 定位 (Request URI) :" + request. getRequestURI() +"<br>"); 
out. println("servlet 在 相对 服务 器 文件 夹 的 位 置 (Servlet Path) :" + 
request. getServletPath() + "<br>"); 
out. println("Host:" + request. getHeader("Host") + "<br>"); 
out. println("Accept ~ Language:" + request. getHeader("Accept ~ Language") + "<br>"); 
out. println(" 得 到 链接 的 类 型 (Connection) :" + request. getHeader("Connection") + "<br>"); 
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out. println(" 得 到 Cookie 的 字符 串 信 息 :" + request. getHeader("Cookie") + "<br>"); 
out. println("session 的 相关 信息 - 创建 时 间 :" + session. getCreationTime() + "<br>"); 
out. println("session 的 相关 信息 - 上 次 访问 时 间 :" + session. getLastAccessedTime() + "< br>"); 


程序 运行 结果 如 图 4-18 所 示 。 
Oe i | 








文件 下) 编辑 下 查看 WW 收藏 夹 ) 工 具 CI) 必 助 了 0 








请 求 使 用 的 协议 ，HTTP/1. 1 

请 求 使 用 的 Schema:http 

访问 服务 的 名 称 :1ocalhost 

访问 端口 号 :8080 

Servlet 容 器 :Apache Tomcat/6.0.18 

客户 IP 地 址 :127. 0.0.1 

请 求 的 类 型 (Hethod) : GET 

Session Id :B85E1D62438D37AAF8D1CF 96FECB93CS 

请 求 的 资源 定位 (Request URI) :/jspweb/ch04/request_1. jsp 

servlet 在 相对 服务 器 文件 夹 的 位 置 (Servlet Path) :/ch04/request_1. jsp 
Host :localhost :8080 

Accept-Language:zh-cn 

得 到 链接 的 类 型 (Connection) :Keep-Alive 

得 到 Cookie 的 字符 串 信 息 :JSESSIONID=B85E1D62438D37AAF8D1CF96FECB93C5 
session 的 相关 信息 -创建 时 间 :1381876411359 
session 的 相关 信息 -上 次 访问 时 间 :1381878505562 国 


本 tt [EEC 











4-18 resuest_1.jsp 运行 结果 


【 例 4-17】 本 例 程序 演示 了 request. getParameter 方法 和 request. getParameter- 
Values 方法 的 使 用 ,由 两 个 页 面 组 成 。 第 一 个 页 面 是 inputinfo. jsp, 在 这 个 页 面 中 有 文本 
框 . 单 选 按钮 .下 拉 列 表 框 和 复 选 框 ,提交 给 第 二 个 页 面 showinfo. jsp, 在 第 二 个 页 面 中 显示 
第 一 个 页 面 传 来 的 控件 值 。 

程序 (\jspweb 项 目 \WebRoot\ch04\inputinfo. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset = utf ~ 8" %> 
<html> 
<body> 
< form action = "showinfo. jsp" method= "post" name = "frm"> 
<font size = "4"> 基 本 资料 </font ></strong> 
<table width= "700" cols = "2" border =1> 
<tr><td >< font color ="#ff8000" size= "2">#</font> 姓 名 :</td> 
<td>< input type= "text" size= "18”name = "name"></td></tr> 
<tr><td >< font color ="#ff8000" size= "2"> *</font> 性 别 :</td> 
<td >< input type= "radio" name = "rdo" value = " 男 "checked> 
< font size= "3"> 男 </font>< input type = "radio" name = "rdo" value = " 女 "> 
< font size = "3"> 女 </font ></td></tr> 
<tr><td>< font color ="#ff8000" size= "2"> x*</font > 民族 :</td> 
<td>< input type = "radio" name = "rdol" value = "汉族 "checked > 汉族 < 
< input type = "radio" name = "rdol" value = "回族 ”> 回族 


< input type = "radio" name = "rdol" value = "壮族 ”> 壮族 
</td></tr> 
<tr ><tdalign= "left"><font color =" 井 ff8000" size= "2"> *</font > 专业 :</td> 
<td> < select name = "Major"> 
< option value = "计算 机 科学 与 技术 "> 计算 机 科学 与 技术 </option> 
< option value = "软件 工程 "> 软件 工程 </option> 
< option value = "网 络 工程 "> 网 络 工程 </option> 
<option value = "信息 安全 "> 信息 安全 </option> 
</select > 专业 
</td> </tr> 
</table> 
< strong>< font size = "4"> 兴 趣 爱好 :</font ></strong> 
<table width= "700" cols= "2" border =1> 
<tr><td width= "15% "> 兴趣 爱好 :</td> 
<tdwidth="22%" > 
< input type = "checkbox" name = "ckbx" value = "电影 "> 电影 
< input type = "checkbox"” name = "ckbx" value = "戏剧 "> 戏剧 </td> 
<td>< input type = "checkbox" name = "ckbx" value= "音乐 "> 音乐 
< input type = "checkbox"” name = "ckbx"” value = "美术 "> 美术 </td></tr> 
</table>< br> 
< input type = "submit" value = "注册 ”name = "submit1"> 
</form> 
</body> 
</html > 


程序 (\jspweb 项 目 \WebRoot\ch04\showinfo. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset = utf ~ 8" import = "java. lang. reflect. *"%> 
<html> 
<body> 
<% request. setCharacterEncoding("utf - 8") ;%> 
用 户 注册 信 息 < br > 
基本 资料 < br > 
姓名 : <$% = request. getParameter("name") %><br> 
性 别 : <% = request. getParameter("rdo") %><br> 
民族 : <% = request. getParameter("rdol") %><br> 
专业 : <% = request. getParameter("Major") %> 专业 <br> 
兴趣 爱好 :<% String ckbxl[ ] = request. getParameterValues("ckbx" ) ; 
if(ckbxl!= null){ 
int lng = Array. getLength(ckbx1); 
for(int i=0;i<lng;it++) out. println(ckbx1[i] +" "); }%> 
</body> 
</html > 


程序 运行 结果 如 图 4-19 所 示 。 

在 图 4-19(a) 中 inputinfo. jsp 添加 必要 的 表单 信息 , 单 击 “ 注 册 ” 按 钮 后 ,将 表单 参数 传 
递 给 showinfo. jsp, 得 到 图 4-19(b) 中 的 界面 。 

关于 request 传递 中 文 参 数 出 现 乱 码 的 讨论 : 

request. setCharacterEncoding 方法 的 作用 是 设置 采用 何 种 编码 从 request 对 象 中 取得 
值 ,Java 在 执行 第 一 个 getParameter() 时 ,将 会 按照 设 定 的 编码 分 析 所 有 的 提交 内 容 , 而 后 
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续 的 getParameter() 不 再 进行 分 析 。 

如 果 将 showinfo. jsp 程序 中 的 <% request. setCharacterEncoding("utf-8");%> 语 句 去 
掉 , 则 页 面 中 的 中 文 将 显示 为 乱码 。 

这 时 将 显示 姓名 的 语句 <% 二 request. getParameter("name")%> 改 为 <% 二 new String 
(request. getParameter("name"). getBytes("ISO-8859-1"), "utf-8") %>。 

此 时 ,中 文 姓名 又 可 正常 显示 了 。 这 条 修改 语句 的 含义 是 : 使 用 ISO-8859-1 字符 集 将 
name 的 值 解码 为 字 节 数组 ,再 将 这 个 字 节 数组 按 本 页 面 page 指令 中 设置 的 字符 集 
utf-8 重新 构造 字符 串 。 

这 是 因为 Tomcat 默认 全 部 是 用 ISO-8859-1 编码 ,不 管 页 面 用 的 是 什么 编码 显示 ， 
Tomcat 最 终 还 是 会 将 所 有 字符 转 为 ISO-8859-1 , 当 在 另 一 目标 页 面 再 用 UTF-8 翻译 时 就 
会 将 ISO-8859-1 字符 集 的 编码 翻译 成 UTF-8 字符 集 的 编码 ,这 时 的 中 文 就 会 显示 乱码 。 所 
以 ,这 种 情况 下 ,就 需要 先 将 得 到 的 “字符 ” 先 用 ISO-8859-1 进行 翻译 ,得 到 一 个 在 ISO-8859-1 
编码 环境 下 的 字 节 数组 ,然后 再 用 页 面 中 采用 的 字符 集 将 这 个 数组 重 构 成 一 个 字符 串 。 

通常 可 以 设置 的 中 文字 符 集 还 有 GBK、GB2312 等 ,建议 设置 为 UTF-8。 

解决 GET 方式 请 求 时 出 现 乱码 的 方法 是 : 在 Tomcat 的 server. xml 中 增加 斜体 部 分 
语句 。 


URIEncoding = "GBK" : 
< Connector port = "8080" 
protocol = "HTTP/1.1" 
connectionTimeout = "20000" 
redirectPort = "8443" 
URIEncoding = "GBK" /> 


4.5.5 response 对 象 


response 对 象 是 javax. servlet. http. httpServletResponse 接口 的 实例 ,是 服务 器 对 
request 对 象 请 求 的 回应 ,负责 向 客户 端 发 送 数据 。 通 过 调用 resposne 对 象 的 方法 还 可 以 


获得 服务 器 端的 相关 信息 ,如 状态 行 、.head 和 信息 体 等 。 其 中 ,状态 行 包 括 使 用 的 协议 和 状 
态 码 ;head 包含 关于 服务 器 和 返回 的 文档 的 消息 ,如 服务 名 称 和 文档 类 型 等 。response 对 
象 有 很 多 方法 ,但 response 对 象 的 常用 方法 如 表 4-8 所 示 。 

使 用 response 对 象 的 sendRedirect 方法 ,可 向 服务 器 发 送 一 个 重新 定向 的 请 求 。 当 用 
它 转 到 另外 一 个 面 页 时 ,相当 于 从 客户 端 重新 发 出 了 另 一 个 请 求 , 重 定向 后 在 浏览 器 地 址 栏 
上 会 出 现 重 定 向 后 页 面 的 URL, 这 种 跳 转 属于 客户 端 跳 转 ,服务 器 会 为 此 重新 生成 男 一 个 
request 对 象 ,所 以 原来 的 request 参数 转 到 新 页 面 之 后 就 失效 了 。 需 要 注意 的 是 ,此 请 句 之 
后 的 其 他 语句 仍然 会 继续 执行 。 因 此 ,为 了 避免 错误 ,往往 会 在 此 方法 后 使 用 return 中 止 


其 他 语句 的 执行 。 


表 4-8 ”response 对 象 的 主要 方法 


方 法 


说 明 





void addCookie( Cookie cookie) 
void addHeader(String name, String value) 


boolean containsHeader(String name) 
String encodeRedirectURL(String url) 
String encodeURL (String url) 

void flushBuffer() 

int getBufferSize() 

String getCharacterEncoding() 

String getContentType() 
ServletOutputStream getOutputStream() 
PrintWriter getWriter() 

void reset() 


void resetBuffer() 


void sendError(int sc, String msg) 或 void 
sendError(int sc) 
void sendRedirect(String location) 


void setCharacterEncoding(String charset) 
void setBufferSize( int size ) 
void setContentLength( int length ) 


void setHeader(String name, String value) 


void setStatus(int sc) 


添加 一 个 Cookie 对 象 ,用 来 保存 客户 端的 用 户 信 息 

添加 HTTP 头 。 该 Header 将 会 传 到 客户 端 , 若 同名 的 
Header 存在 ,原来 的 Header 会 被 覆盖 

判断 指定 的 HTTP 头 是 否 存在 

对 于 使 用 sendRedirect() 方 法 的 URL 编码 

将 URL 了 予以 编码 , 回 传 包含 session ID 的 URL 

强制 把 当前 缓冲 区 的 内 容 发 送 到 客户 端 

取得 以 KB 为 单位 的 缓冲 区 大 小 

获取 响应 的 字符 编码 格式 

获取 响应 的 类 型 

返回 客户 端的 输出 流 对 象 

获取 输出 流 对 应 的 writer 对 象 

清空 buffer 中 的 所 有 内 容 

清空 buffer 中 所 有 的 内 容 , 但 是 保留 HTTP 头 和 状态 
信息 

向 客户 端 传 送 错 误 状 态 码 和 错误 信息 。 例 如 ,505 为 服 
务 器 内 部 错误 ; 404 为 找 不 到 网 页 错误 

向 服务 器 发 送 一 个 重 定位 至 location 位 置 的 请 求 

设置 页 面 静态 文字 ,指定 HTTP 响应 的 字符 编码 格式 ， 
同时 指定 浏览 器 显示 的 编码 格式 

设置 以 KB 为 单位 的 缓冲 区 大 小 

设置 响应 的 BODY 长 度 

设置 指定 HTTP 头 的 值 。 设 定 指定 名 字 的 HTTP 文件 
头 的 值 ,车 该 值 存在 , 它 将 会 被 新 值 覆盖 

设置 状态 码 。 为 了 使 得 代码 具有 更 好 的 可 读 性 ,可 以 用 
HttpServletResponse 中 定义 的 常量 来 避免 直接 使 用 整 
数 。 这 些 常 量 根 据 HTTP 1. 1 中 的 标准 状态 信息 命名 ， 
所 有 的 名 字 都 加 上 了 SC(Status Code) 前 级 并 大 写 ,同时 
把 空格 转换 成 了 下 夯 线 。 例 如 ,与 状态 代码 404 对 应 的 
状态 信息 是 Not Found, 则 HttpServletResponse 中 的 对 
应 常量 名 字 为 SC_NOT_FOUND 
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【 例 4-18】 下 面 的 程序 说 明了 response. sendRedirect() 跳 转 是 在 所 有 的 语句 都 执行 完 
之 后 才 完 成 跳 转 操作 ,从 控制 台 上 可 看 到 跳 转 前 后 的 有 关 信 息 。 
程序 (\jspweb 项 目 \WebRoot\ch04\resp_sendredirect. jsp) 的 清单 


<% @ page language = "java" contentType = "text/html; charset = utf - 8" pageEncoding = "utf —- 8" %> 
<! DOCTYPE html PUBLIC " — //W3C//DTD HTML 4. 01 Transitional//EN" "http://www.w3.org/TR/htm14/ 
loose. dtd"> 
<html> 
<head> 
<title> Insert title here </title> 
</head> 
<body> 
<% System. out. println(" == response. sendRedirect( ) 跳 转 之 前 === "); %> 
<$% response. sendRedirect("index. html"); 和 > 
<% System. out. println(" == response. sendRedirect( ) 跳 转 之 后 === "); %> 
</body> 
</html > 


从 MyEclipse 环境 开启 Tomcat, 使 用 开发 环境 自 带 的 浏览 器 ,在 浏览 器 地 址 栏 输入 
http://localhost:8080/jspweb/ch04/resp_sendredirect. jsp, 程 序 运行 结果 如 图 4-20 所 示 。 
从 控制 台 的 输出 可 看 出 ,sendRedirect 跳 转 语句 之 后 的 语句 仍然 会 继续 执行 。 


JP resp_sendredirect. jsp Eeli, » Bronser 23 
[http: /71ocalhost-6080/jspveb/choa/index hinl 了 直 0 





这 是 跳 转 到 的 HTNL 页 面 
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omcatBServer [Renote Jave Application] C:\Progran Files\Java\jakl 
==response. sendRedirect () 跳 转 之 前 = 
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图 4-20 resp_sendredirect. jsp 运行 结果 




















与 前 面 学 过 的 < jsp:forward > 跳 转 相 比 , 那 是 服务 器 跳 转 ,对 客户 而 言 是 同一 次 请 求 ， 
跳 转 后 地 址 栏 不 会 改变 , 那 种 跳 转 可 以 传递 原来 的 request 属性 , 且 跳 转 请 句 后 面 的 语句 将 
不 再 执行 。 使 用 中 要 注意 这 一 特性 ,因为 如 果 在 JSP 中 使 用 了 JDBC 的 话 ,就 必须 在 < jsp: 
forward > 跳 转 之 前 进行 数据 库 的 关闭 ,和 否则 数据 库 就 再 也 无 法 关闭 了 。 

下 面 的 几 个 例子 ,说 明 可 以 利用 response 设置 head 属性 ,达到 某 些 效果 。 

【 例 4-19】 利用 response 设置 head 信息 ,实现 页 面 定时 刷新 的 功能 。 

程序 (\jspweb 项 目 \WebRoot\ch04\resp_refresh. jsp) 的 清单 : 


< 外 @ page language = "java" contentType = "text/html; charset = utf ~ 8" pageEncoding = "utf 一 8" %> 
<html> 
<head> 

<title> 设 置 头 信息 (自动 刷新 )</title> 


</head> 
< body> 
<%!int count =0; %> 
<% 
response. setHeader("refresh", "2"); // 页 面 2 秒 刷 新 一 次 
第 > 
<h3 > 已 经 访问 了 <$% = count++ 名 > 次 !</h3 > 
</body> 
</html > 


程序 运行 结果 如 图 4-21 所 示 。 
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4-21 ”resp_refresh. jsp 运行 结果 


【 例 4-20】 下 面 的 JSP 程序 ,利用 response 设置 head 信息 ,实现 页 面 定时 跳 转 的 功 
能 ,可 以 从 一 个 JSP 页 面 定时 跳 转 到 另 一 个 指定 的 JSP 页 面 ,但 是 这 种 跳 转 并 不 是 万 能 的 ， 
有 时 候 不 一 定 能 完成 跳 转 的 操作 。 

程序 (\jspweb 项 目 \WebRoot\ch04\resp_from. jsp) 的 清单 : 


<% @ page language = "java" contentType = "text/html; charset = utf ~ 8" pageEncoding = "utf 一 
8"%> 
<html> 
<head> 
<title> 定 时 跳 转 指令 </title> 
</head > 
<body> 
<h3>3 秒 后 跳 转 到 notexist. html 页 面 , 如 果 没 有 跳 转 请 按 <a href = "index. htm1"> 这 里 
</a>!</h3> 
<% response. setHeader("refresh", "3;URL= index. html"); %> 
</body> 
</html> 


程序 运行 结果 如 图 4-22 所 示 。 

【 例 4-21】 对 于 这 种 定时 跳 转 ,也 可 以 直接 在 HTML 文件 中 设置 ,HTML 的 meta 标 
记 本 身 也 可 以 设置 头 信息 。 

程序 (\jspweb 项 目 \WebRoot\ch04\meta_refresh. html) 的 清单 : 


山名 


JSP 投 大 基 而 


JSP Web 鞭 术 及 应 用 改姓 (第 2 点 ) 上 县 深 帮 





/全 定时 跳 转 指令 - Tindors Internet Ezplerer -lolx| 
二 全 同 ee/moeahesta0s0/jspwebychotyresp fo jsp 避 
文件 9” 编辑 下 ) 查看) 收 癖 夹 人 ) 工具 CX) 帮助 00 



























记 收 藏 天 | 二 
国定 时 号 指 令 | | -mw “> 
| 3 种 后 跌 转 到 index htmj 页 面 .如 果 没 有 跳 转 请 按 这 里 ! 习 





局 Internet 





E 或 | | | EEC 


/S index-htsl - Windows Internet Explorer =Ilo|x| 
© 是 回 http://localhost:8080/jspweb/chD4/index. htnl] 梧 








这 是 跳 转 到 的 HDL 页 面 


司 
匡 三 三 矿 厂矿 三 厨 Te [re ET 








图 4-22 ”resp_from. jsp 运行 结果 


<html> 
<head> 
<meta http - equiv = "refresh" content = "4;url = index. html"> 
<title> HTML 的 方式 设置 定时 跳 转 的 头 信息 </title> 
</head> 
<body> 
<h3>4 秒 后 跳 转 到 index. html 页 面 ， 
如 果 没 有 跳 转 请 按 <a href = "index. html"> 这 里 </a>!</h3 > 
</body > 
</html > 


【 例 4-22】 在 实际 的 项 目 开发 工程 中 ,往往 会 利用 response. setHeader 方法 实现 禁用 
浏览 器 缓存 的 目的 。 如 果 通 过 浏览 器 上 的 “后 退 ” 按 钮 回 到 了 某 一 页 ,也 必须 从 服务 器 上 重 
新 读 取 。 


程序 (\jspweb 项 目 \WebRoot\ch04\resp_nocache. jsp) 的 清单 : 


<% @page contentTYpe = "text/html;charset = gb2312" import = "java. util.Date" %> 
<html> 
<head> 
<% 
response. setHeader( "Cache - Control", "no — cache"); 
response. setHeader( "Pragma", "no — cache”"); 
response. setDateHeader ("Expires", 0); 
%> 
<title> 禁 用 页 面 缓存 </title> 
</head> 
<body> 
<%Dated = new Date(); 
out. println(d); 
%><br> 


<a href = "index. html"> 去 index. html 看 看 </a> 
</body> 
</html > 


运行 程序 , 先 转 到 index. html 页 面 ,再 单 击 浏览 器 工具 栏 中 的 “后 退 ” 按 钮 , 回 到 resp_ 
nocache .jsp 时 ,页 面 代 码 都 会 被 执行 一 次 。 如 果 斜 体 部 分 去 掉 后 ,页 面 缓存 恢复 ,此 时 单 
击 “ 后 退 ” 按 钮 以 后 ,页 面 上 时 间 仍 是 上 次 的 时 间 。 


4.5.6 session 对 象 


在 Web 开发 中 ,客户 端 与 服务 器 端 进 行 通信 和 是 以 HTTP 协议 为 基础 的 ,而 HTTP 协 
议 本 身 是 无 状态 的 ,无 状态 是 指 协 议 对 于 事务 处 理 没有 记忆 能 力 。HTTP 无 状态 的 特性 严 
重 阻碍 了 Web 应 用 程序 的 实现 ,毕竟 交互 是 需要 承前启后 的 。 例 如 ,典型 的 购物 车 程序 需 
要 知道 用 户 到 底 在 其 他 页 面 选 择 了 什么 商品 。 有 两 种 用 于 保持 HTTP 连接 状态 的 技术 , 它 
们 是 session 和 Cookie。 

session 对 象 是 javax. servlet. http. HttpSession 接口 的 实例 对 象 。session 对 象 是 用 户 
首次 访问 服务 器 时 由 服务 器 自动 为 其 创建 的 ,在 JSP 中 可 以 通过 调用 HttpServletRequest 
的 getSession(true) 方 法 获得 session 对 象 。 在 服务 器 创建 session 对 象 的 同时 ,会 为 该 
session 对 象 生成 唯一 的 session 1d, 在 session 对 象 被 创建 之 后 ,就 可 以 调用 session 的 相关 
方法 操作 session 对 象 的 属性 ,当然 ,这 些 属性 内 容 只 保存 在 服务 器 中 ,发 到 客户 端的 只 有 
session Id; 当 客 户 端 再 次 发 送 请 求 时 ,会 将 这 个 session Id 带 上 ,服务 器 接收 到 请 求 之 后 就 
会 依据 session Id 找到 相应 的 session 对 象 ,从 而 再 次 使 用 它 。 正 是 这 样 一 个 过 程 , 用 户 的 
状态 也 就 得 以 保持 了 。 

需要 注意 ,只 有 访问 JSP、Servlet 等 程序 时 才 会 创建 session 对 象 , 只 访问 HTML、 
IMAGE 等 静态 资源 并 不 会 创建 session 对 象 。 

session 对 象 的 管理 细节 如 下 : 

(1) 新 客户 端 向 服务 器 第 一 次 发 送 请 求 的 时 候 ,request 中 并 无 sessionID。 

(2) 此 时 ,服务 器 端 会 创建 一 个 session 对 象 ,并 分 配 一 个 sessionID, session 对 象 会 保 
存在 服务 器 端 。 此 时 session 对 象 的 状态 处 于 new state 状态 ,如 果 调 用 session. isNew 方 
法 , 则 返回 true。 

(3) 服务 器 端 处 理 完毕 后 ,将 此 sessionID 随同 response 一 起 传 回 到 客户 端 ,并 将 其 存 
入 到 客户 端的 Cookie 对 象 中 。 

(4) 当 客 户 端 再 次 发 送 请 求 时 ,会 将 sessionID 同 request 一 起 传送 给 服务 器 。 

(5) 服务 器 根据 传递 过 来 的 sessionID, 将 与 该 请 求 与 保存 在 服务 器 端的 session 对 象 
进行 关联 ,此 时 ,服务 器 上 的 session 对 象 已 再 不 处 于 new state 状态 ,如 果 调 用 session. 
isNew() , 则 返回 false。 

session 对 象 生成 后 ,只 要 用 户 继续 访问 ,服务 器 就 会 更 新 session 对 象 中 的 该 客户 的 最 
后 访问 时 间 信 息 , 并 维护 该 session 对 象 。 也 就 是 ,用 户 每 访问 服务 器 一 次 ,无 论 是 否 读 写 
session 对 象 ,服务 器 都 认为 该 用 户 的 session 对 象 “ 活 跃 (active)” 了 一 次 。 

使 用 方法 HttpSession. setAttribute(name, value) 存 储 一 个 信息 到 session 对 象 的 属 
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性 中 。 

使 用 方法 HttpSession. getAttribute(name) 从 session 对 象 中 获取 一 个 属性 值 , 如 果 
session 对 象 中 不 存在 该 name 属性 ,那么 返回 的 是 null。 需 要 注意 的 是 ,从 getAttribute 方 
法 读 出 的 变量 类 型 是 Object, 必须 使 用 强制 类 型 转换 ,如 “String uid = (String) session. 
getAttribute("uid");”。 

从 服务 器 这 端 来 看 ,每 次 请 求 都 会 独立 地 产生 一 个 新 的 request 和 response 对 象 ,但 
session 对 象 不 会 重新 生成 。 当 用 户 在 多 个 页 面 间 切 换 时 ,服务 器 可 根据 sessionID 获得 它 
的 session 对 象 ,并 且 利 用 session 对 象 为 用 户 在 多 个 页 面 间 切 换 时 保存 用 户 的 相关 操作 信 
息 。 这 样 很 多 以 前 根本 无 法 去 做 的 事情 就 变 得 简单 多 了 。 

JSP 程序 一 般 都 是 在 用 户 做 logoff 时 ,使 用 session. invalidate 方法 去 删除 session 
对 象 。 

由 于 浏览 器 从 来 不 会 主动 在 关闭 之 前 通知 服务 器 它 将 要 被 关闭 ,因此 服务 器 不 会 有 机 
会 知道 浏览 器 是 否 已 经 关闭 。 因 此 ,服务 器 为 session 设置 了 一 个 失效 时 间 , 当 距离 客户 上 
一 次 “活跃 时 间 ” 超 过 了 这 个 失效 时 间 时 ,服务 器 就 可 以 认为 客户 端 已 经 停止 了 活动 ,就 会 把 
session 删除 以 节省 存储 空间 。 

session 对 象 的 方法 其 实 就 是 HttpSession 接口 的 方法 , HttpSession 接口 的 主要 方法 
如 表 4-9 所 示 。 





表 4-9 HttpSession 对 象 的 常用 方法 


刘 法 描 述 

void setAttribute(String k, Object v) ”设置 session 属性 。 将 一 个 Object 对 象 以 key 为 关键 字 保存 到 
session 中 ,如 果 这 个 属性 是 会 话 范围 内 存在 , 则 更 改 该 属性 
的 值 

Object getAttribute(String key) 返回 以 key 为 关键 字 的 Object 对 象 ,如 果 key 不 存在 , 则 返 
回 null 

Enumeration getAttributeNames() 返回 session 中 存在 的 属性 名 

void removeAttribute(String key) 从 session 对 象 中 删除 以 key 为 关键 字 的 属性 





String getId() 返回 session 的 ID。 该 ID 由 服务 器 自动 创建 ,不 会 重复 。 
session 对 象 发 送 到 浏览 器 的 唯一 数据 就 是 sessionID, 一 般 存 储 
在 Cookie 中 

long getCreationTime() 返回 session 的 创建 日 期 。 返 回 类 型 为 long, 单 位 是 毫秒 ,一 般 


需要 使 用 下 面 的 转换 来 获取 具体 日 期 和 时 间 : 
Date creationTime = new Date(session. getCreationTime()); 
long getLastAccessedTime() 返回 session 的 最 后 活跃 时 间 。 返 回 类 型 为 long, 单 位 是 毫秒 ， 
一 般 需 要 使 用 下 面 的 转换 来 获取 具体 日 期 和 时 间 ， 
Date accessedTime = new Date(session. getLastAccessedTime()); 
int getMaxInactiveInterval() 返回 session 的 超时 时 间 。 单 位 为 秒 。 
超过 该 时 间 没 有 访问 ,服务 器 认为 该 session 失效 
void setMaxJnactiveInterval(int s) 设置 session 的 超时 时 间 。 单 位 是 秒 ,负数 表明 会 话 永 不 失效 
void putValue(String k, Object v) 不 推荐 的 方法 。 已 经 被 setAttribute (String attribute，Object 
Value) 蔡 代 
Object getValue(String key) 不 被 推荐 的 方法 。 已 经 被 getAttribute(String attr) 替 代 





续 表 





方 ”法 描 述 
boolean isNew() 返回 该 session 是 否 是 新 创建 的 
void invalidate() 使 该 session 立即 失效 ,原来 会 话 中 存储 的 所 有 对 象 都 不 能 再 被 
访问 


Tomcat 中 session 的 默认 超时 时 间 为 30 分 钟 。 可 以 通过 修改 {Tomcat 目录 )\conf\ 
Web. xml 文件 中 的 < session-config > 配置 项 ,修改 默认 超时 时 间 ,单位 为 分 钟 ,例如 修改 默 
认 超 时 时 间 为 60 分 钟 : 


< session— config> 
< session -timeout > 60</session- tinmeout> <!-- 单位 : 分 钟 --> 
</session - config> 


也 可 通过 session 对 象 的 setMaxInactiveInterval (int seconds) 方 法 修改 超时 时 间 , 注 
意 ,setMaxInactiveInterval(int s) 中 的 单位 为 秒 。 

【 例 4-23】 下 面 是 一 个 用 户 登 录 的 例子 ,在 这 个 例子 中 演示 了 如 何 存 取 request 及 
session 对 象 中 的 属性 。 其 中 ,有 两 个 JSP 文件 ,login. jsp 为 登录 页 面 , 用 于 输入 用 户 登 录 的 
信息 ,如 果 用 户 输入 的 登录 名 为 admin, 密 码 为 123, 则 将 登录 名 存 入 session 中 , 跳 转 到 
logok. jsp 页 面 。 

程序 (\jspweb 项 目 \WebRoot\ch04\login. jsp) 的 清单 : 








<% @ page language = "java" import = "java.util. *" pageEncoding = "utf — 8" $%> 
< 第 
String path = request. getContextPath( ) ; 
String basePath = request. getScheme() + "://" + request.getServerName() + ":" 十 
request. getServerPort() + path+ "/" 
%> 
<% -- 进行 登录 验证 -- %> 
<% 
request. setCharacterEncoding("utf ~ 8") ; 
// 获 取 用 户 请 求 信息 ,首次 请 求 是 没有 这 些 信息 的 , 从 页 面 填写 信息 提交 后 再 次 请 求 就 有 这 些 信息 了 
String user = request.getParameter("user"); 
String password = request. getParameter("password"); 
if ("admin".equals(user) && "123".equals(password)) { 
request. getSession( ). setAttribute("username", user); // 将 用 户 名 保存 在 session 中 
> 
< jsp:forward page = "logok. jsp"> 
<jsp:param name = "info" value = "新 人 乍 到 ,请 多 关照 哦 !" 人 > 
</jsp:forward> 
< 第 
第 > 
< htm] > 
< head > 
< base href = "<$% = basePath% >"> 
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</head> 
< body>< center > 
< form action = "ch04/login. jsp" method = "post"> 


<table><tr><td colspan = "2" align = "center"> 用 户 登录 </td></tr> 


<% // 检 查 请 求 中 是 否 有 用 户 名 和 密码 信息 ,如 有 但 不 符 要 求 则 输出 错误 信息 
if (null != user && null != password) { 
第 > 


<tr><td colspan = "2"> 用 户 名 或 密码 错误 ,请 重新 登录 !</td></tr> 

<% } %> 
<tr>< td> 登 录 名 :</td>< td> < input type = "text" name = "user"></td></tr> 
<tr><td> 密码 </td>< td>< input type = "password" name = "password"></td></tr> 


<tr><td colspan = "2" align= "center">< input type = "submit" value = "登录 "> 
</td></tr> 


</table> 
</form> 
</center> 
</body> 
</html> 


程序 (\jspweb 项 目 \WebRoot\ch04\logok. jsp 代码 ) 的 清单 : 


<% @ page contentType = "text/html;charset = utf - 8" %> 
<html> 


<head>< title > 登录 成 功 </title></head> 
<body> 
当前 用 户 ( 用 户 名 从 session 中 获取 ) : 
<% = request. getSession().getAttribute("username") %> <br> 
<p> 从 request 对 象 中 获取 了 如 下 参数 : < br > 
info=<% = request. getParameter("info") %><br> 
User =<% = request. getParameter("user") 多 >< br> 
password = <% = request. getParameter("password") % ><br> 


<a href = "login. jsp"> 返 回 登录 页 面 </a> 
</body> 


</html > 


程序 运行 结果 如 图 4-23 所 示 。 
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图 4-23 ”login. jsp 运行 结果 


用 户 从 地 址 栏 输入 地 址 首次 访问 登录 页 面 时 ,JSP 程序 从 请 求 对 象 request 中 获取 的 登 
录 名 与 密码 信息 为 null ,服务 器 将 body 部 分 内 容 返 回 给 用 户 , 具 体内 容 为 左边 图 的 登录 表 
单 ; 用 户 填 写 了 登录 名 或 密码 信息 : 单 击 * 登 录 ” 按 钮 再 次 提交 给 该 JSP 页 面 后 ,该 JSP 程序 
会 在 请 求 对 象 request 中 得 到 用 户 名 和 密码 信息 ,并 进行 检查 ,如 果 不 符 要 求 , 则 给 出 错误 
提示 和 登录 表单 ; 如 果 检 查 结果 符合 要 求 , 则 将 用 户 名 存 入 session 对 象 中 ,以 服务 器 跳 转 
的 方式 转 到 logok. jsp 页 面 ,logok. jsp 中 通过 request. getSession() 获 得 用 户 的 session 对 
象 , 再 调用 该 对 象 的 getAttribute 方法 获得 其 中 的 用 户 名 信息 ,由 于 采用 的 是 服务 器 跳 转 ， 
两 个 JSP 页 面 的 访问 属于 同一 次 请 求 ,因此 在 logok. jsp 页 面 中 也 可 以 使 用 request. 
getParameter("user") 等 方法 ,获取 用 户 向 login. jsp 页 面 请 求 中 提交 的 用 户 名 等 信息 。 


4.5.7 application 对 象 


application 对 象 是 在 Web 服务 器 启动 时 由 服务 器 自动 创建 的 , 它 的 生命 周期 是 JSP 所 
有 隐 含 对 象 中 最 长 的 ,一 旦 创建 了 application 对 象 , 那 么 这 个 application 对 象 将 会 永远 保 
持 下 去 ,直到 服务 器 关闭 为 止 。 正 是 由 于 application 对 象 的 这 个 特性 ,可 以 将 要 在 多 个 用 
户 中 共享 的 数据 放 在 application 对 象 中 ,如 当前 的 在 线 人 数 的 统计 ,实现 聊天 室 的 功能 等 。 

application 对 象 是 javax. servlet. ServletContext 接口 的 实例 对 象 , 具有 所 有 的 
ServletContext 接口 的 方法 。 

application 对 象 的 常用 方法 主要 有 两 个 : setAttribute() 和 getAttribute() 。 

例如 ,设置 application 对 象 属性 的 语句 是 : 


application. setAttribute("servername", "ntuserver"); 
获取 application 对 象 属性 的 语句 是 : 
String servername = (String)application. getAttribute( "servername" ); 


表 4-10 列 出 了 application 对 象 的 主要 方法 及 其 说 明 。 
表 4-10 application 对 象 的 主要 方法 及 其 说 明 





方 ”法 说 明 
Object getAttribute(String name) 获取 指定 名 字 的 application 对 象 的 属性 值 
Enumeration getAttributes() 返回 所 有 的 application 属性 


取得 当前 应 用 的 ServletContext 对 象 


ServletContext getContext( String uripath ) 


String getInitParameter( String name ) 
Enumeration getInitParameters() 
int getMajorVersion() 


String getMimeType( String file ) 


String getRealPath( String path ) 
void setAttribute (String name, Java. lang. 
Object object) 


Enumeration getAttributeNames() 


返回 由 name 指定 的 application 属性 的 初始 值 
返回 所 有 的 application 属性 的 初始 值 的 集合 
返回 servlet 容器 支持 的 Servlet API 的 版 本 号 


返回 指定 文件 的 MIME 类 型 ,未 知 类 型 返回 null。 一 般 


为 “text/html” 和 “image/gif” 
返回 给 定 虚 拟 路 径 所 对 应 物理 路 径 
设 定 指定 名 字 的 application 对 象 的 属性 值 


获取 所 有 application 对 象 的 属性 名 
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续 表 
方 法 说 明 
String getInitParameter(String name) 获取 指定 名 字 的 application 对 象 的 属性 初始 值 
URL getResource( String path ) 返回 指定 的 资源 路 径 对 应 的 一 个 URL 对 象 实例 ,参数 要 
以 “/” 开 头 


InputStream getResourceAsStream ( String 返回 一 个 由 path 指定 位 置 的 资源 的 InputStream 对 象 
path) 实例 


String getServerInfo() 获得 当前 Servlet 服务 器 的 信息 
Servlet getServlet(String name ) 在 ServletContext 中 检索 指定 名 称 的 servlet 
Enumeration getServlets() 返回 ServletContext 中 所 有 servlet 的 集合 


void log (Exception ex，String msg/String 把 指定 的 信息 写 入 servlet log 文件 
msg，Throwablet/String msg) 

void removeAttribute(String name) 移 除 指定 名 称 的 application 属性 
void setAttribute ( String name， Object 设 定 指定 的 application 属性 的 值 


value ) 


由 于 application 对 象 具 有 在 所 有 客户 间 共 享 数据 的 特点 ,因此 经 常用 于 记录 所 有 客户 
公用 的 一 些 数据 ,如 页 面 访问 次 数 。 

下 面 是 一 个 典型 的 页 面 访问 计数 器 的 例子 。 

【 例 4-24】 利用 application 对 象 实现 页 面 访问 计数 器 。 

程序 (\jspweb 项 目 \WebRoot\ch04\application. jsp) 的 清单 : 





<% @ page language = "java" contentType = "text/html;charset =utf -8" %> 
< html > 
<head> 
<title> 页 面 访问 计数 器 </title> 
</head> 
<body> 
<% 
if(application. getAttribute("count") == null){ 
application. setAttribute("count", "1"); 
out. println(" 欢 迎 ,您 是 本 网 页 第 1 位 访客 !"); 
} 
else{ 
int i = Integer. parseInt( (String)application. getAttribute("count")); 
dr 
application. setAttribute("count", String. valueOf (i)); 
out. println(" 欢 迎 ,您 是 本 网 页 第 " + i+ "位 访客 !"); 


数 器 仍然 有 效 。 直 到 重启 服务 器 为 止 , 此 计数 器 记录 的 是 所 有 访问 过 本 网 页 的 次 数 ,而 与 是 


否 是 同一 客户 端 无 关 。 


至 于 如 何 实 现 整个 网 站 访问 量 的 统计 功能 ,需要 结合 第 8 章 介绍 的 过 滤器 技术 进行 





设计 。 


JSP 中 的 application 对 象 除了 能 够 在 多 个 JSP 之 间 、JSP 和 Servlet 之 间 共 享 数 据 之 


外 ,另外 还 可 用 于 加 载 web. xml 文件 的 配置 参数 。 
4.5.8 config 对 象 


config 对 象 中 存储 着 一 些 Servlet 初始 的 数据 结构 , 它 跟 page 对 象 一 样 , 很 少 被 用 到 。 
config 对 象 实现 了 javax. servlet. ServletConfig 接口 ,如果 在 web. xml 文件 中 ,针对 某 个 Servlet 
文件 或 JSP 文件 设置 了 初始 化 参数 , 则 可 以 通过 config 对 象 来 获取 这 些 初始 化 参数 。config 对 
象 提 供 了 两 个 方法 来 获取 Servlet 初始 参数 值 : config. getInitParamenterNames() config. 


getInitParamenter (String name) 。 


也 可 以 利用 config. getServletName() 来 获取 JSP 页 面 被 编译 后 的 Servlet 名 称 。 


config 对 象 的 主要 方法 及 其 说 明 如 表 4-11 所 示 。 
表 4-11 config 对 象 的 主要 方法 及 其 说 明 





方 ”法 说 明 
String getInitParameter(String name) 返回 名 称 为 name 的 初始 参数 的 值 
Enumeration getInitParameters() 返回 这 个 JSP 所 有 的 初始 参数 的 名 称 集合 
ServletContext getContext() 返回 ServletContext 对 象 
String getServletName() 返回 Servlet 的 名 称 


4.5.9 exception 对 象 


当 JSP 页 面 发 生 错误 时 ,会 产生 异常 。exception 对 象 就 是 用 来 针对 异常 进 


的 对 象 。exception 对 象 的 主要 方法 及 其 说 明 如 表 4-12 所 示 。 
表 4-12 exception 对 象 的 主要 方法 及 其 说 明 


行 相应 处 理 





方 ” 法 说 明 
String getMessage() 返回 错误 信息 
void printStackTrace() 以 标准 错误 的 形式 输出 一 个 错误 和 错误 的 堆栈 
void toString() 以 字符 串 的 形式 返回 对 异常 的 描述 
void printStackTrace() 打印 出 Throwable 及 其 call stack trace 信息 


4.5.10 pageContext 对 象 


pageContext 能 够 存 取 其 他 内 置 对 象 , 当 内 置 对 象 包括 属性 时 ,pageContext 也 支持 对 


这 些 属性 的 读 取 和 写 入 。 
pageContext 对 象 的 主要 方法 及 其 说 明 如 表 4-13 所 示 。 
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表 4-13 pageContext 对 象 的 主要 方法 及 其 说 明 





方 法 说 明 
Exception getException() 回 传 目 前 网 页 中 的 异常 ,不 过 此 网 页 要 为 error page, 如 exception 
隐 含 对 象 
JspWriter getOut() 回 传 目前 网 页 的 输出 流 , 如 out 隐 含 对 象 
Object getPage() 回 传 目前 网 页 的 Servlet 实体 ,如 page 隐 含 对 象 
ServletRequest getRequest() 回 传 目前 网 页 的 请 求 ,如 request 隐 含 对 象 


ServletResponse getResponse() 回 传 目前 网 页 的 响应 ,如 response 隐 含 对 象 
ServletContext getServletContext() 回 传 目 前 此 网 页 的 执行 环境 ,如 application 隐 含 对 象 
HttpSession getSession() 回 传 和 目前 网 页 有 联系 的 会 话 , 如 session 隐 含 对 象 
获取 其 他 内 置 对 象 属性 的 方法 及 其 说 明 如 表 4-14 所 示 。 
表 4-14 pageContext 对 象 获取 其 他 内 置 对 象 的 方法 及 其 说 明 





方 ”法 说 明 
Object getAttribute(String name，int scope/ String 回 传 名 称 为 name, 范 围 为 scope 的 属性 对 象 , 回 传 
name) 类 型 为 java. lang. Object 
getAttributeNamesInScope(int scope) 回 传 所 有 属性 范围 为 scope 的 属性 名 称 , 回 传 类 型 


为 Enumeration 
Enumeration getAttributesScope(String name) 回 传 属 性 名 称 为 name 的 属性 范围 
void removeAttribute(String name) 移 除 属性 名 称 为 name 的 属性 对 象 
void removeAttribute(String name, int scope) 移 除 属性 名 称 为 name, 范 围 为 scope 的 属性 对 象 
void setAttribute(String name，Object value, int ”指定 属性 对 象 的 名 称 为 name, 值 为 value, 范围 为 


scope) scope 
Object findAttribute(String name) 在 所 有 范围 中 寻找 属性 名 称 为 name 的 属性 对 象 


pageContext 对 象 在 使 用 Object getAttribute(String name, int scope)、Enumeration 
getAttributeNamesInScope(int scope),void removeAttribute (String name, int scope)、 
void setAttribute(String name， Object value, int scope) 方 法 时 ,需要 指定 作用 范围 。 

范围 的 指定 就 使 用 JSP 内 置 对 象 的 4 个 作用 域 范围 参数 : PAGE_SCOPE 代表 Page 范 
围 , REQUEST _ SCOPE 代表 Request 范围 , SESSION _ SCOPE 代表 Session 范围 ， 
APPLICATION_SCOPE 代表 Application 范围 。 

【 例 4-25】 使 用 pageContext 对 象 的 getAttributeNamesInScope(int SCOPE) 方 法 , 取 
得 指定 作用 域 范围 内 的 所 有 属性 名 。 在 这 个 页 面 中 ,取得 所 有 属性 范围 为 Application 的 属 
性 名 称 ,然后 将 这 些 属性 依次 显示 出 来 。 

程序 (\jspweb 项 目 \WebRoot\ch04\pagecontext. jsp) 的 清单 : 


<% @ page import = "java. util. Enumeration" contentType = "text/html;charset = GB2312" %> 
<html> 
<head> 
<title> PageContext 实例 </title> 
</head> 
<body> 


< h2 > javax. servlet. jsp. PageContext — pageContext </h2 > 
<% Enumeration enums = pageContext. getAttributeNamesInScope(PageContext. APPLICATION SCOPE); 
while (enums. hasMoreElements()){ 
out. println( "application scopr attributes: " + enums. nextElement() +"<br>"); 
} %> 
</body> 
</html > 


运行 程序 ,可 得 到 APPLICATION_SCOPE 作用 域 范围 内 的 所 有 属性 名 ,如 图 4-24 
所 示 。 
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javax. servlet. jsp. PageContext — pageContext 


application scopr attributes: count 

application scopr attributes: org. apache. catalina. WELCOME_FILES 

application scopr attributes: javax. servlet.context. tempdir 

application scopr attributes: org.apache. catalina. jsp_classpath 

application scopr attributes: org. apache. jasper. runtime. JspApplicationContextImpl 
application scopr attributes: org. apache, catalina. resources 

application scopr attributes: com sun. faces. config. WebConfiguration 

application scopr attributes: org. apache. AnmnotationProcessor 
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图 4-24 ”pagecontext. jsp 运行 结果 


pageContext 对 象 除了 提供 上 述 的 方法 之 外 ,另外 还 有 两 种 方法 : forward (Sting Path) 
和 include (String Path) ,这 两 种 方法 的 功能 和 之 前 提 到 的 < jsp:forward > 与 < jsp:include > 相 
似 , 读 者 可 以 自行 测试 。 

JSP 引擎 在 把 JSP 转换 成 Servlet 时 经 常 需要 用 到 pageContext 对 象 ,但 在 普通 的 JSP 
开发 中 一 般 都 很 少 直接 用 到 该 对 象 。 


4.5.11 Cookie 对 象 


Cookie 是 一 种 会 话 跟踪 机 制 。Cookie 对 象 虽然 不 是 JSP 的 内 置 对 FE 站 
象 ,使 用 时 需要 显 式 创建 该 对 象 ,但 JSP 设计 时 也 经 常 使 用 Cookie 技术 来 ” 国 刚 这 咎 向 
实现 一 些 特殊 功能 。 

Cookie 是 Web 服务 器 通过 浏览 器 在 客户 机 的 硬盘 上 存储 的 一 小 段 文 
本 ,用 来 记录 用 户 登录 的 用 户 名 密码 、 登 录 时 间 等 信息 。 当 用 户 下 次 再 次 登录 此 网 站 时 , 浏 
览 器 根据 用 户 输入 的 网 址 ,在 本 地 寻找 是 否 存在 与 该 网 址 匹配 的 Cookie, 如 果 有 , 则 将 该 
Cookie 和 请 求 参数 一 起 发 送 给 服务 器 做 处 理 , 实 现 各 种 各 样 的 个 性 化 服务 。 

在 Java 中 ,Cookie 对 象 是 javax. servlet. http. Cookie 类 的 实例 。Cookie 的 使 用 方法 如 下 : 

JSP 将 信息 存储 到 客户 机 Cookie 的 方法 是 , 先 使 用 构造 方法 Cookie(Cookie 属性 名 ， 





Cookie 对 象 
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Cookie 属性 值 ) 声 明 一 个 Cookie 对 象 ,然后 ,通过 response 对 象 的 addCookie 方法 将 该 
Cookie 对 象 加 入 到 Set-Cookie 应 答 头 ,这 样 ,就 可 以 将 信息 保存 到 客户 机 中 的 Cookie 文件 
中 。 例 如 : 





Cookie cookie = new Cookie("username", "Jack"); 
response. addCookie( cookie); 


注意 : Cookie 名 称 只 能 包含 ASCII 字母 和 数字 字符 ,不 能 包含 过 号 ,分 号 或 空格 ,也 不 
能 以 $$ 字符 开头 。Cookie 的 名 称 在 创建 之 后 不 得 更 改 。 

Cookie 值 不 能 包含 空格 \ 方 括号 、 贺 括号、 等 号 ,逗号 、 双 引号 、 斜 杠 \ 问 号 、@、 冒 号 ,分 
号 。 如 果 值 为 图 片 等 二 进 制 数 据 , 则 需要 使 用 BASE64 编码 。 

读 取 客户 端的 Cookie 信息 的 方法 如 下 : 

JSP 通过 调用 request. getCookies() 从 客户 端 读 和 人 Cookie 对 象 数组 。 再 用 循环 语句 访 
问 该 数组 的 各 个 Cookie 元 素 , 调 用 getName 方法 检查 各 个 Cookie 的 名 字 , 直 至 找到 目标 
Cookie ,然后 对 该 Cookie 调用 getValue 方法 取得 与 指定 名 字 关 联 的 值 。 

Cookie 存 取 中 文 时 可 能 会 出 现 乱 码 , 这 是 因为 Cookie 文件 是 以 ASCII 码 格式 存储 的 ， 
占 2 字 节 ,而 中 文 则 属于 Unicode 中 的 字符 , 占 4 字符。 所 以 ,如 果 想 在 Cookie 中 保存 中 文 
的 话 ,必须 进行 相应 的 编码 后 才能 正确 存储 , 读 取 时 青 解码 。 

保存 时 ,使 用 java. net. URLEncoder. encode(String s,String enc) 对 中 文 进行 编码 ; 读 
取 时 ,使 用 java. net. URLDecoder. decode(String s,String enc) 进 行 解码 。 

【 例 4-26】 保存 和 读 取 Cookie。 

程序 (\jspweb 项 目 \WebRoot\ch04\cookiesave. jsp) 的 清单 : 


<% @ page language = "java" import = "java. net. * " contentType = "text/html; charset =utf -8" %> 
< html > 
<title> Cookie - Save </title> 
<body> 
<% Cookie cookie = new Cookie(URLEncoder.encode(" 姓 名 ", "utf - 8"), 
URLEncoder. encode( "杰克", "utf -8")); 
cookie. setMaxAge(60 * 60); // 设 定 该 Cookie 在 用 户 机 器 硬盘 上 的 存活 期 为 1 小 时 
response. addCookie( cookie); 
String userIp = request. getRemoteAddr( ); 
cookie = new Cookie( "userIp", userIp); 
cookie. setMaxAge(10 * 60); // 设 定 Cookie 在 用 户 机 器 硬盘 上 的 存活 期 为 10 分 钟 
response. addCookie( cookie); 
SimpleDateFormat sdf = new SimpleDateFormat("yyyy 年 MM 月 dd 日 h:m:s"); 
Date date = new Date( ); 
String logintime = sdf. format(date); 
Cookie = new Cookie( "loginTime", URLEncoder. encode( logintime, "UTF ~— 8")); 
cookie. setMaxAge(20 * 60); // 设 定 Cookie 在 用 户 机 器 硬盘 上 的 存活 期 为 20 分 钟 
response. addCookie( cookie); 
out. print(" 成 功 保存 了 姓名 、 用 户 他 地 址 和 登录 时 间 到 客户 机 的 Cookie 中 了 !"); 
%><br> 
<a href = "cookieread. jsp"> 去 读 取 Cookie </a> 
</body> 
</html > 


程序 (\jspweb 项 目 \WebRoot\ch04\cookieread. jsp) 的 清单 : 


<% @ page language = "java" import = "java. net. * " contentType = "text/html; charset = utf 一 8" %> 
<html> 
<title> Cookie- Read </title> 
<body> 
使 用 foreach 循环 读 取 Cookie 数组 ,并 输出 其 中 所 有 的 Cookie:< br > 
<% if(request.getCookies()!= null){ 
for(Cookie cookie : request. getCookies()){ 
String name = URLDecoder. decode(cookie. getName(), "UTF — 8"); 
String value = URLDecoder. decode(cookie. getValue(), "UTF — 8"); 
out. println("< br> cookie 属性 : " + name + "="+value); 
} 
} %> 
<p> 使 用 for 循环 ,查找 某 个 Cookie< br> 
<% Cookie myCookie[ ] = request. getCookies(); // 创 建 一 个 Cookie 对 象 数组 
Cookie cookie = null; 
for(int i=0;i<myCookie. length; i++) // 循 环 访问 Cookie 对 象 数组 的 每 一 个 元 素 
{cookie = myCookie[i]; 
if(cookie. getName( ). equals("userIp")){ // 查 找 名 称 为 "userIp" 的 元 素 
第 > 
你 好 ,你 的 上 次 登录 的 IP 地 址 是 <% = cookie. getValue() %>! 
<% } } %> 
</body> 
</html > 


程序 运行 结果 如 图 4-25 所 示 。 
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使 用 foreach 循 环 读 取 Cookie 数 组 .并 输出 其 中 所 有 的 Cockis 
cookie 属 性 ， 姓 名 = 杰克 
cookie 属 性 ，userlp=127.0.0.1 
cookie 属 性 ，loginTime=2013 年 10 月 19 日 8:10:1 
cookie 属 性 ，JSESSIONID=8609275503B3763B67612CA04A2EEBC9 
使 用 fcr 循环 ， 查 找 某 个 Cookie 
你 好 .你 的 上 次 登录 的 IP 地 址 是 127.0.0.11 


完成 | 
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图 4-25 ”cookiesave. jsp 运行 结果 


使 用 setMaxAge(int expiry) 方 法 来 设置 Cookie 的 存在 时 间 , 参 数 expiry 应 是 一 个 整 
数 。 正 值 表示 Cookie 将 在 多 少 秒 以 后 失效 。 负 值 表示 当 浏 览 器 关闭 时 ,Cookie 将 会 被 删 
除 。 零 值 则 是 要 删除 该 Cookie。 
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使 用 setPath 设置 Cookie 在 当前 域名 的 哪个 路 径 下 可 见 。 如 果 设 置 为 “/”, 则 在 当前 域 
名 下 的 所 有 路 径 均 可 见 ; 如 果 设 置 为 “/news”, 则 只 能 在 当前 域名 下 的 news 路 径 下 可 见 。 
如 果 为 未 设置 , 则 在 哪个 页 面 产生 就 只 能 在 该 页 面 访问 。 

例如 : 


<% Cookie deleteNewCookie = new Cookie( "newcookie", null); 
deleteNewCookie. setMaxAge(0); 
deleteNewCookie. setPath("/"); 
response. addCookie( deleteNewCookie); 

先 > 


JSP 可 通过 Cookie 向 已 注册 用 户 提供 某 些 专门 的 服务 ,如 通过 Cookie 技术 手段 ,让 网 
站 ”* 记 住 ? 那 些 曾经 登录 过 的 用 户 , 实 现 自 动 登录 。 利 用 Cookie 实现 用 户 自动 登录 的 思路 
是 : 当 用 户 第 一 次 登录 网 站 的 时 候 , 网 站 向 客户 端 发 送 一 个 包含 有 用 户 名 的 Cookie, 当 用 户 
在 之 后 的 某 个 时 候 再 次 访问 ,浏览 器 就 会 向 网 站 服务 器 回 送 这 个 Cookie, 于 是 JSP 可 以 从 
这 个 Cookie 中 读 取 到 用 户 名 ,从 而 实现 自动 为 用 户 登录 。 

需要 注意 的 是 ,对 某 些 存 有 敏感 信息 的 网 站 来 说 ,这 样 做 并 不 安全 ,因为 当 其 他 人 员 使 
用 这 台 计 算 机 时 ,可 能 会 使 用 Cookie 中 的 敏感 信息 登录 系统 。 为 此 ,在 浏览 器 “Internet 选 
项 ”中 的 “隐私 ”页 ,供用 户 设置 Cookie 的 使 用 级 别 , 如 图 4-26 所 示 。 





Internet 选项 耻 x| 
钢 | 安全 。 隐私 | 内 容 | 连接 | 程序 | 高 级 | 
设置 
好 选择 Internet 区 域 设置 。 


i 

ll i 
让 明确 同意 
-| 并 条 联系 引 89 信 息 而 没有 并 的 对 许 的 第 


Cookie 








站 点 @G) 导入 四 高 级 加) 外 也 | 





取消 应 二) 


4-26 ”Cookie 的 使 用 级 别 设置 


习 题 4 


一 、 简 答题 

1. include 标记 与 include 动作 标记 有 什么 区 别 ? 

2. 如 何 保 证 页 面 跳 转 时 当前 页 面 与 跳 转 页 面 之 间 的 联系 ? 

3. 如 果 有 两 个 用 户 访问 一 个 JSP 页 面 , 该 页 面 的 程序 片 将 被 执行 几 次 ? 
4. 在 <%!1 和 %> 之 间 声 明 的 变量 和 在 <% 和 %> 之 间 声 明 的 变量 有 何 区 别 ? 
5. 是 否 允 许 一 个 JSP 页 面 为 contentType 设置 两 次 不 同 的 值 ? 

6. JSP 的 特殊 字符 与 Java 语言 的 转 义 字符 关系 ? 


Ye 


请 说 出 一 个 JSP 页 面 的 基本 组 成 。 


8. out 对 象 发 生 错误 时 会 抛 出 什么 异常 ? JSPWriter 类 的 常用 方法 有 哪些 ? 


10. 
11. 
1 
.response 对 象 的 sendRedirect 方法 的 功能 是 什么 , 常 在 什么 情况 下 使 用 ? 
. out 对象 的 功能 是 什么 ? 

.session 对 象 的 功能 是 什么 , 它 在 什么 范围 内 共享 信息 ? 

. application 对 象 的 功能 是 什么 , 它 在 什么 范围 内 共享 信息 ? 
. exception 对象 的 功能 是 什么 , 它 可 以 增强 软件 的 什么 性 能 ? 
. JSP 异常 处 理 机 制 是 什么 ? 

. JSP 的 Cookie 对 象 的 作用 是 什么 ? 

、 选 择 题 

. JSP 的 编译 指令 标记 通常 是 指 ( Ys 


8. 


9. 


为 什么 要 使 用 JSP 内 置 对 象 ,应 用 内 置 对 象 有 什么 好 处 ? 
JSP 有 哪些 内 置 对 象 ? 并 简 述 它们 的 功能 。 
简 述 JSP 内 置 对 象 request 的 功能 。 


简 述 response 对 象 的 功能 ? request 对 象 和 response 对 象 是 如 何 相辅相成 的 ? 


A. page 指令 ,include 指令 和 taglib 指令 

B. page 指令 ,include 指令 和 plugin 指令 
C. forward 指令 include 指令 和 taglib 指令 
D. page 指令 .param 指令 和 taglib 指令 


. JSP 文件 中 可 以 在 以 下 ( ) 标 记 之 间 插 入 Java 程序 片 。 


A. <% 和 %> B. <% 和 /> 
C. </ 和 %> D. <% 和 !> 
. 下 列 (。””) 不 属于 JSP 动作 指令 标记 。 
A. <jsp:param > B. <jsp:plugin > 
C. <jsp:useBean > D. <jsp:javaBean > 


. JSP 的 page 编译 指令 的 属性 language 的 默认 值 是 ( Wa 


A. java 及 .已 C. C# 


. JSP 的 ( ) 指 令 允 许 页 面 使 用 者 自 定义 标记 库 。 


A. include 指令 B. taglib 指令 C. include 指令 


.可 以 在 以 下 ( ) 标 记 之 间 插 入 变量 与 方法 声明 。 


A. <% 和 %> B. <%! 和 %> C. </ 和 %> 


. 能够 替代 “<” 字 符 的 蔡 代 字符 是 ( 。 ”)。 


A. &lt B. &gt; C. &lt; 


D. SQL 
D. plugin 指令 
D. <% 和 !> 


D. &nbsp; 


<jsp:useBean id 一 "bean 的 名 称 "scope 王 "bean 的 有 效 范围 "class 一 " 包 名 . 类 名 "/> 动 
作 标 记 中 ,scope 的 值 不 可 以 是 ( ha 


A. page B. request C. session 
下 列 ( ) 注 释 为 隐藏 型 注释 。 

A. <!-- 注释 内 容 [<%%= 表达 式 %>]- 一 

B. <!-- 注释 内 容 --> 


D. response 
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C. <%-- 注释 内 容 --%> 
D. <! --[<%== 表达 式 %>]--> 
10. 下 列 变量 声明 在 ( ) 范 围 内 有 效 。 


<%! Date dateTime; int countNum; $%> 


A. 从 定义 开始 处 有 效 ,客户 之 间 不 共享 
B. 在 整个 页 面 内 有 效 ,客户 之 间 不 共享 
C. 在 整个 页 面 内 有 效 , 被 多 个 客户 共享 
D. 从 定义 开始 处 有 效 ,被 多 个 客户 共享 
11. 在 “<%!1” 和 “%>” 标 记 之 间 声 明 的 Java 的 方法 称 为 页 面 的 成 员 方 法 , 其 
在 (  ) 范 围 内 有 效 。 


[= 


A. 从 定义 处 之 后 有 效 B. 在 整个 页 面 内 有 效 
C. 从 定义 处 之 前 有 效 D. 不 确定 

12. 在 <%= 二 ”和 “%>” 标 记 之 间 放 置 ( ) ,可 以 直接 输出 其 值 。 
A. 变量 B. Java 表达 式 
C. 字符 串 D. 数字 


13. include 指令 用 于 在 JSP 页 面 静态 插入 一 个 文件 ,插入 文件 可 以 是 JSP 页 面 、 
HTML 网 页 ,文本 文件 或 一 段 Java 代码 ,但 必须 保证 插入 后 形成 的 文件 是 ( Ns 
A. 是 一 个 完整 的 HTML 文件 B. 是 一 个 完整 的 JSP 文 件 
C. 是 一 个 完整 的 TXT 文件 D. 是 一 个 完整 的 Java 源 文 件 
14. JSP 页 面 可 以 在 “<% 二 ”和 “%>” 标 记 之 间 放 置 Java 表达 式 , 直 接 输出 Java 表达 式 
的 值 。 组 成 “< 儿 王 ”标记 的 各 字符 之 间 ( Js 


A. 可 以 有 空格 B. 不 可 以 有 空格 
C. 必须 有 空格 D. 不 确定 


15， 当 一 个 客户 线程 执行 某 个 方法 时 ,其 他 客户 必须 等 待 ,直到 这 个 客户 线程 调用 执行 
完毕 该 方法 后 ,其 他 客户 线程 才能 执行 ,这 样 的 方法 在 定义 时 必须 使 用 关键 字 ( 


A. public B. static C. synchronized D. private 

三 、 判断 题 

1. 在 “<%1” 和 “%>” 标 记 之 间 声 明 的 Java 的 变量 在 整个 页 面 内 有 效 ,不 同 的 客户 之 间 
不 共享 。 ( ) 

2. 在 “<%1” 和 “%>” 标 记 之 间 声 明 的 Java 的 方法 在 整个 页 面 内 有 效 。 ‘ 

3. 页 面 成 员 方 法 不 可 以 在 页 面 的 Java 程序 片段 中 调用 。 % 

4. 程序 片段 中 声明 的 变量 的 有 效 范围 与 其 声明 位 置 有 关 , 即 从 声明 位 置 向 后 有 效 , 可 
以 在 声明 位 置 后 的 程序 片 、 表 达 式 中 使 用 。 ( ) 


5. JSP 表达 式 的 值 由 服务 器 负责 计算 ,并 将 计算 值 按 字符 串 发 送 给 客户 端 显 示 。 ( ) 
6. 在 Java 程序 片 中 可 以 使 用 Java 语言 的 注释 方法 ,其 注释 的 内 容 会 发 送 到 客户 端 。 

和 ) 
7. 不 能 用 一 个 page 指令 指定 多 个 属性 的 取 值 。 ( ) 
8. jsp:include 动作 标记 与 include 指令 标记 包含 文件 的 处 理 时 间 和 方式 不 同 。( ) 


9. jsp:param 动作 标记 不 能 单独 使 用 ,必须 作为 jsp:include、jsp:forward 标记 等 的 子 


标记 使 用 ,并 为 它们 提供 参数 。 


( ) 


10. <jsp:forward…> 标 记 的 page 属性 值 是 相对 URL, 且 只 能 是 静态 的 URL。 


11. JSP 页 面 只 能 在 客户 端 执行 。 

12. JSP 页 面 中 不 能 包含 脚本 元 素 。 

四 、 编 程 题 

1. 编写 一 个 JSP 页 面 ,计算 1 十 2 十 … 十 100 的 连续 和 。 

2. 制作 JSP 页 面 ,使 该 页 面 静态 包含 男 一 个 a. html 网 页 。 


3. 根据 用 户 输入 的 用 户 名 和 密码 与 给 定 值 是 否 匹配 制作 一 个 用 户 登录 模块 。 


4. 使 用 JSP 与 JavaBean 设计 一 个 网 站 计数 器 ,显示 如 下 : 
你 是 本 网 站 的 第 n 个 访问 者 。 


5. 编写 程序 reg. htm 和 reg. jsp, 设 计 一 个 用 户 注册 界面 ,注册 信息 包括 用 户 名 ,年 龄 ， 
性 别 。 然 后 提交 到 reg. jsp 进行 注册 检验 , 若 用 户 名 为 admin, 就 提示 “欢迎 你 ,管理 员 1”; 否 


则 ,显示 “注册 成 功 1”, 并 显示 注册 信息 。 
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第 5 章 JSP 访问 数据 库 


本 章 学 习 目 标 

。 掌握 MySQL 数据 库 的 安装 与 使 用 ; 
。 掌握 使 用 JDBC 访问 数据 库 的 方法 ; 
。 掌 握 JDBC 常用 的 接口 与 类 ; ee 

。 熟 悉数 据 库 连 接 池 的 工作 原理 。 MySQL 数据 库 





5.1 MySQL 数据 库 


MySQL 是 一 个 小 型 关系 型 数据 库 管理 系统 ,开发 者 为 瑞典 MySQL AB 公司 。 在 2008 
年 被 Sun 公司 收购 。2009 年 ,Sun 公司 又 被 Oracle 收购 。 目 前 ,MySQL 被 广泛 地 应 用 在 
Internet 上 的 中 小 型 网 站 中 。 巾 于 其 体积 小 ,速度 快 , 成 本 低 , 尤 其 是 开放 源码 这 一 特点 , 许 
多 中 小 型 网 站 为 了 降低 网 站 总 体 成 本 而 选择 了 MySQL 作为 网 站 数据 库 。 

MySQL 的 官方 网 站 的 网 址 是 www. mysql. com, 最 新 版 本 的 MySQL 显著 提高 了 性 能 
和 可 用 性 ,可 支持 下 一 代 Web .嵌入 式 和 云 计 算 应 用 程序 。 

1. MySQL 数据 库 的 安装 过 程 

(1) 首先 下 载 MySQL 数据 库 安装 程序 ,然后 运行 setup. exe 进行 安装 ,出 现 如 图 5 
所 示 的 页 面 。 





IySQL Server 6.0 二 Setup Vizard 


Setup Type 上 
Choose the setup type that best suits your needs. 


Please salect a setup type. 
OIypical 








一 了 Common program features wil be nstaled. Recommended For 
"generd use. 

Ocomplete 
A program features wi be nstaled, (Requres the most disk 
pace 


Ocustom 


一 4 日 choosewhichprogr ont nstaled and where they 
"7 Te 
卜 大 





























<Bock JE_ Next> Cancel 


























图 5-1 MySQL 数据 库 安装 选项 


图 中 三 个 选项 分 别 表 示 : Typical( 典 型 安装 ) .Complete( 完 全 安装 ) 和 Custom( 定 制 安 
装 ) ,这 里 选择 典型 安装 。 

(2) 单 击 Next 按钮 ,页 面 中 的 前 两 项 表示 是 否 要 创建 一 个 MySQL 网 站 用 户 和 登录 网 
站 ,第 三 项 表示 跳 过 。 这 里 选择 第 三 项 , 单 击 Next 按钮 后 开始 安装 。 

(3) 安装 完成 后 ,选中 “配置 MySQL 服务 器 ” 复 选 框 , 单 击 Finish 按钮 。 

(4) 在 如 图 5-2 所 示 的 页 面 中 ,有 两 个 单 选 按钮 ,一 个 是 Detailed Configuration( 详 细 配 
置 ); 另 一 个 是 Standard Configuration( 标 准 配 置 ), 这 里 选择 标准 配置 。 















MySQL Server Instance Configuration 
Configure the My5QL Server 5.0 server instance. 


Please select a configuration type, 


ODetailed Configuration 
BD) ‘Choose this configuration type to create the optimal server setup for 
this machine, 


OStandard Configuration 
Use this only on machines thak do not already have a MySQL server 
installation, This wil use a general purpose configuration for the 
hn er 
































5-2 选择 标准 配置 方式 
(5) 配置 Windows 服务 名 称 , 如 图 5-3 所 示 。 











MySQL Server Instance Configuration 
Configure the MYSQL Server 5,0 server Instance, 
Please set the Windows options, | 


DInstall as Windows Service 
This is the recommended way to run the MySQL server 
on Windows. 


Service Name [MysQL Y 
回 Launch the My5QL Server automaticaly 


口 Include Bin Directory in Windows PATH 
Check this option to indude the directory containing the 
Seryer cient execttobles in the Wdows PATH variable 
so they can be caled from the command ne. 


























< | het> [cnc | 











5-3 配置 服务 名 称 


(6) 设置 管理 员 密码 。 用 户 名 默认 为 root ,数据 库 安装 完成 后 ,可 用 此 用 户 名 登录 服务 
器 。 在 页 面 中 设置 root 用 户 的 密码 为 123. 如 图 5-4 所 示 。 
(7) 单 击 Next 按钮 ,执行 完成 后 出 现 如 图 5-5 所 示 的 页 面 ,表示 安装 成 功 。 
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Ny5QL Server Instance Configuration Wizard 


MySQL Server Instance Configuration 
Configure the MySQL Server 5.0 server instance. 


Please set the Security options. 
回 Modify security Settings | 
Ea New root password: bod Enter the root password. | 

me Confrm: ad Retype the password, | 
Onable root access from remote machined) | 

Dcreate An Anonymous Account | 


This option wl creste an anonymous sccount on this server, Please 
note that this can lead to an insecure system, 





< Back Next > Cancel 
| 














图 5-4 设置 管理 员 密码 





Hy5QL Server Instance Configuration Wizard 


MySQL Server Instance Configuration 
Configure the My5QL Server 5.0 server instance， 


Processing configuration .,, 





Prepare configuration 
加 Write configuration fle (DiProgram FilesWMySQLMy SQL Server S.0ny nd 
加 5tart service 

加 Apply security settings 


Configuration file created. 
Windows service MySQL installed. 
Service started successfully. 
Security settings applied. 


Press [Finish] to close the Wizard. 








Finish, 














图 5-5 安装 成 功 页 面 


安装 完成 之 后 ,从 开始 菜单 运行 MySQL 命令 行程 序 (MySQL Command Line Client)， 
出 现 命 令 行 窗口 ,输入 安装 时 的 密码 ,如 图 5-6 所 示 , 显 示 MySQL 数据 库 已 可 以 正常 使 用 。 





5 or \g- 


5 connection id er version: 5.9.15-nt 


’help;’ or ’\h’ for help. Type ’\c’ to clear the buffer- 














图 5-6 从 开始 菜单 中 运行 命令 行程 序 窗口 


在 命令 行 窗口 中 可 创建 数据 库 和 表 。 教 材 中 用 到 的 示例 数据 库 的 脚本 在 项 目 实例 
\bookstore\resource 目录 下 ,文件 名 为 books. sql, 这 是 一 个 文本 文件 。 用 记事 本 打开 此 文 





件 , 将 文档 内 容 全 部 复制 到 剪贴 板 ,在 MySQL 命令 行 窗口 ,在 空白 处 右 击 ,弹出 快捷 菜单 ， 
执行 “粘贴 ?命令 ,将 剪贴 板 的 内 容 复 制 到 窗口 后 ,运行 所 有 SQL 命令 。 至 此 ,books. sql 脚 
本 中 的 命令 全 部 执行 完毕 。 要 想 查看 book 数据 库 是 否 安装 成 功 ,可 在 命令 行 窗 口中 执行 
show databases 命令 ,查看 已 经 安装 的 数据 库 。MySQL 数据 库 常 用 命令 如 表 5-1 所 示 。 


表 5-1 MySQL 数据 库 常 用 命令 





MySQL 常用 命令 含义 
show databases; 显示 服务 器 上 当前 存在 的 全 部 数据 库 
create database MySQL_db; 创建 数据 库 MySQL_db 
use MySQL_db; 选择 数据 库 MySQL_db 
show tables; 查看 当前 的 数据 库 中 存在 的 表 
create table mytable(name varchar(20) ,sex char(1)); 创建 数据 库 表 mytable 
describe mytable; 显示 数据 库 表 mytable 的 结构 
insert into mytable values ("zhang","m"); 往 mytable 表 中 加 入 记录 
load data local infile "d:/MySQL. txt" into table mytable; 用 文本 方式 将 数据 装 人 数据 库 表 中 
source d:/MySQL. sql; 导入 . sql 文件 命令 
drop table mytable; 删除 mytable 表 
delete from mytable; 清空 mytable 表 
update mytable set sex="f" where name= 'xiaozhang'; 更 新 mytable 表 中 数据 


2. MySQL 数据 库 项 目 应 用 注意 事项 

(1) MySQL 服务 生存 期 设置 方法 。 

MySQL 默认 的 服务 生存 期 为 28 800 秒 (8 小 时 ) ,如 果 超 过 8 小 时 未 访问 MySQL 数据 
库 , 则 MySQL 将 自动 结束 服务 。 查 看 有 关 MySQL 服务 生存 期 信息 的 MySQL 命令 为 : 


MySQL > show variables like '% timeout % '; 


查看 结果 如 图 5-7 所 示 。 


MySQL Command Line Client 


JEnter passuord: wx 
lcone to the MySQL nonitor. Comnands end with ; or \g. 
our MySQL connection id is 1 to server version: 5.0.22-connunity-nt 





ype ’help;’ or ’\h’ for help. Type ’\¢’ to clear the buffer- 


ysql> show variables like ’xtimeoutx’; 
+ 


ie i es 





! Uariable_nane 





connect_timeout 
delayed_insert_tineout 

! innodb_lock wait_tineout 上 
! interactive_tineout 

1! net_read_tineout 
net_write_tineout 
slave_net_tineout 

! table_lock wait_tineout 上 

上 wait_timeout 上 





9 rows in set〈B-95 sec) 


ysql> 
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JSP 访问 数据 库 


需 溃 


JSP Web 其 太 及 应 用 汽 性 (第 2 版 ) 正 深 跋 





可 通过 修改 MySQL 的 初始 化 配置 文件 修改 MySQL 的 服务 生存 期 。 修 改 方法 如 下 : 
OD 打开 MySQL 中 的 my. ini 文件 。 
四 找到 LMySQLd] 节 点 ,在 其 中 添加 以 下 两 项 ,重启 后 生效 。 


interactive timeout = 2880000 
wait timeout = 2880000 


这 里 设置 的 MySQL 5. 0 服务 生存 期 为 2 880 000 秒 (800 小 时 ) , 约 33 天 。 

(2) MySQL 中 LIMIT 的 用 法 。 

LIMIT 子 句 用 于 强制 SELECT 语句 返回 指定 的 记录 数 。 使 用 MySQL 中 的 LIMIT 实 
现 分 页 比较 方便 ,但 要 注意 的 是 有 些 数据 库 不 支持 LIMIT 。 

MySQL 中 LIMIT 语句 格式 如 下 : 


Select * From table Limit[offset, ]rows; 


LIMIT 接收 一 个 或 两 个 数字 参数 。 参 数 必须 是 整 型 常量 。 如 果 给 定 两 个 参数 , 则 第 一 
个 参数 指定 返回 记录 行 的 起 始 偏 移 量 ; 第 二 个 参数 指定 返回 记录 行 的 最 大 数目 。 注 意 , 初 
始 记 录 行 的 偏 移 量 是 0, 而 不 是 1 。 

MySQL 中 检索 记录 第 6 行 至 第 15 行 的 LIMIT 语句 示例 : 


MySQL > Select * From table Limit 5,10; 
为 了 检索 从 某 一 个 偏 移 量 到 记录 和 集 的 结束 所 有 的 记录 行 , 可 以 指定 第 二 个 参数 为 一 1: 
Select * From table Limit 95, —1; // 检 索 记 录 96 行 至 最 后 行 


如 果 只 给 定 一 个 参数 , 它 表示 返回 最 大 的 记录 行 数目 ,也 就 是 LIMIT n 等 价 于 “LIMIT 0,n”。 
下 列 检索 返回 前 5 个 记录 行 : 





select * from table limit 5; 


(3) MySQL 的 账户 及 密码 维护 。 

在 Windows 中 ,MySQL 以 服务 形式 存在 ,在 使 用 前 应 确保 此 服务 已 经 启动 ,如 未 启 
动 ,可 用 net start MySQL 命令 启动 。 

刚 安装 的 MySQL 包含 一 个 含 空 密码 的 root 用 户 和 一 个 匿名 用 户 , 这 是 很 大 的 安全 隐 
患 , 对 于 一 些 重要 的 应 用 应 将 安全 性 尽 可 能 提高 ,建议 把 匿名 用 户 删除 ,root 用 户 设置 密码 。 

删除 匿名 用 户 ,设置 root 用 户 密 码 的 命令 如 下 : 











use MySQL; 
delete from User where User = ""; 
update User set Password = PASSWORD( "newpassword") where User = "root"; 


新 增 MySQL 用 户 的 方法 如 下 : 
例如 ,增加 一 个 MySQL 用 户 newuser, 密 码 为 abc, 该 用 户 可 以 在 任何 主机 上 登录 ,并 


对 所 有 数据 库 有 查询 、 插 人、 修改 ,删除 的 权限 。 启 动 MySQL 命令 行 ,输入 密码 ,以 root 用 
户 连 入 MySQL ,然后 输入 以 下 命令 : 


MySQL > grant select, insert, update, delete on * . * to newuser@"%" Identified by "abc"; 


但 这 种 方式 增加 的 用 户 很 不 安全 ,因为 如 果 某 人 知道 newuser 用 户 的 密码 ,那么 他 就 可 
以 在 Internet 上 的 任何 一 台 计 算 机 上 登录 MySQL 数据 库 。 

解决 的 办 法 是 限制 新 用 户 只 能 在 localhost 机 上 登录 , 即 MySQL 数据 库 所 在 的 那 台 主 
机 登录 ,命令 如 下 : 


MySQL > grant select, insert, update delete on books. * to newuser(@localhost Identified by "abc"; 


这 时 ,newuser 用 户 无 法 从 Internet 其 他 机 器 上 直接 访问 数据 库 , 只 能 在 MySQL 数据 库 所 
在 的 那 台 主机 登录 ,并 且 只 能 访问 books 数据 库 中 的 所 有 表 , 而 其 他 数据 库 是 无 法 访问 的 。 

如 果 要 取消 newuser 用 户 的 密码 ,可 以 重新 设置 密码 ,也 可 以 输入 以 下 命令 将 密码 
取消 : 


MySQL > grant select, insert, update, delete on book. * to newuser@localhost Identified by ""; 


(4) 重新 设置 MySQL 的 密码 的 方法 。 
对 于 MySQL 密码 丢失 的 情况 ,可 采用 如 下 方法 重新 设置 : 
Q@ 开启 CMD 命令 窗口 ,进入 MySQL 安装 目录 的 \bin 目录 ,运行 命令 : 





mysqld- nt —- skip— grant ~ tables& 


@ 在 “开始 ”菜单 中 ,选择 MySQL 命令 行 启 动 MySQL(MySQL Command Line Client) 。 
@ 在 要 求 输入 密码 时 直接 按 Enter 键 即 可 启动 MySQL: 


Enter password: (CR) 


@ 输入 如 下 命令 ,重新 设置 root 用 户 的 密码 : 


use MYSQL 
update user set password = password("111") where user = "root"; 


在 进行 开发 和 实际 应 用 中 ,不 应 该 只 用 root 用 户 进 行 连接 数据 库 , 虽 然 使 用 root 用 户 
进行 测试 很 方便 ,但 会 给 系统 带 来 重大 安全 隐患 ,也 不 利于 管理 技术 的 提高 。 

(5) Windows 下 MySQL 数据 库 自动 备份 方案 。 

将 MySQL 安装 命令 中 的 \bin 路 径 加 入 系统 的 Path 环境 变量 中 。 

新 建 用 于 备份 操作 的 批 处 理 文件 ,可 命名 为 MySQL_backup. bat, 文 件 示 例如 下 : 





MySQLdump data 一 uroot - p123 > d:\backup\mydata. sql //root 是 数据 库 用 户 名 ,123 是 密码 
copy d:\backup\mydata. sql g: 
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这 两 条 语句 的 功能 是 , 先 将 data 数据 库 备 份 到 d:\backup\ mydata. sql 文件 中 ; 再 将 
d:\backup\mydata. sql 文件 复制 到 U 盘 ( 这 里 是 G 盘 ) 。 

然后 在 “任务 计划 ”中 新 建 一 个 任务 计划 ,把 MySQL_backup. bat 加 进去 ,设置 为 每 天 
凌晨 运行 就 可 以 了 。 


5.2 项 目 案例 1 网 上 书店 数据 库 创建 


本 书 将 逐步 完成 一 个 基于 JSP Web 的 网 上 书店 系统 项 目 实例 ,项 目 名 称 为 bookstore。 
采用 MySQL 数据 库 ,数据 库 名 称 为 books, 数 据 库 用 户 名 为 root, 密 码 为 123; 数据 表 的 
SQL 脚本 文件 在 项 目 实例 \bookstore\resource\ 目 录 中 。 随 着 接 下 来 的 学 习 进 展 ,将 围绕 
该 项 目 举例 ,并 逐步 完成 项 目 设 计 。 

在 MyEclipse 开发 环境 中 创建 JSP Web 项 目 ,项 目 名 为 bookstore, 将 MySQL 数据 库 
的 JDBC 驱动 jar 包 (MySQL-connector-java-5. 1. 5-bin. jar) 放 入 项 目的 \WEB-INF\lib\ 文 
件 夹 中 。 

创建 MySql 数据 库 时 ,数据库 名 称 为 books, 字 符 集 选择 “utf8”, 数 据 库 books 中 表 的 
创建 可 通过 运行 SQL 脚本 生成 。 

books 数据 库 中 表 的 结构 如 表 5-2 一 表 5-7 所 示 。 

表 5-2 ”用户 表 (userinfo) 





列 名 数据 类 型 备 注 
userld int(11) 用 户 ID 
loginname varchar(20) 用 户 名 
password carchar(10) 密码 


表 5-3 图 书信 息 表 (titles) 





列 名 数据 类 型 备 ” 注 
isbn varchar(20) 书号 
title varchar(100) 书 名 
editionNumber int(11) 版 本 号 
copyright varchar(4) 版 权 号 
pulisherID int(11) 出 版 社 ID 
imageFile varchar(100) 封面 图 片 文件 名 
Price double 书 单价 
summary varchar(200) 内 容 简 介 


表 5-4 ”出 版 社 表 (publishers) 
列 名 数据 类 型 备 注 





publisherId int(11) 出 版 社 ID 
publisherName varchar(30) 出 版 社 名 称 


表 5-5 订单 记录 表 (bookorder) 





列 名 数据 类 型 备 注 
orderld int(11) 订单 ID 
userName varchar(20) 用 户 名 
zipcode varchat(8) 邮编 
phone varchar(20) 联系 电话 
credicard varchar(20) 信用 卡号 
tital double 合计 金额 


表 5-6 作者 信息 表 (authors) 





列 名 数据 类 型 备 注 
authorId int(11) 作者 ID 
firstName varchar(20) 作者 姓 
lastName carchar(30) 作者 名 


表 5-7 信用 卡 账户 信息 表 (account) 





列 名 数据 类 型 备 注 
id int(11) ID 
balance double 余额 
creditcard carchar(10) 信用 卡号 


5.3 使 用 JDBC 访问 数据 库 


5.3.1 JDBC 简介 


JDBC(Java DataBase Connectivity,Java 数据 库 连接 ) 由 一 组 用 Java 语言 编写 的 类 和 接 
口 组 成 ,是 由 Sun 公司 定义 的 一 组 接口 ,规定 了 Java 开发 人 员 访 问 数 据 库 所 使 用 方法 的 规 
范 , 由 数据 库 厂商 来 实现 ,JDBC 也 是 Java 核心 类 库 的 组 成 部 分 。 

JDBC 可 以 连接 的 数据 库 包 括 MySQL、Access、SQL Server、Oracle、Sybase、DB2 等 。 

JDBC 的 最 大 特点 是 独立 于 具体 的 关系 数据 库 。 与 ODBC 类 似 ,JDBC API 中 定义 了 一 
些 Java 类 和 接口 ,分别 用 来 实现 与 数据 库 的 连接 发送 SQL 语句、 获取 结果 集 以 及 其 他 的 
数据 库 对 象 ,使 得 Java 程序 能 方便 地 与 数据 库 交 互 并 处 理 所 得 的 结果 。JDBC 的 API 在 
java. sql javax. sql 等 包 中 。 


5.3.2 JDBC 工作 原理 


Java 程序 应 用 JDBC ,一 般 由 以 下 步骤 完成 ,如 图 5-8 所 示 。 
(1) 注册 加 载 一 个 数据 库 驱 动 程序 。 

(2) 创建 数据 库 连 接 对 象 (Connection)。 

(3) 创建 语句 对 象 (Statement) 。 
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图 5-8 JDBC 逻辑 关系 原理 图 


(4) 语句 对 象 执行 SQL 语句 。 

(5) 用 户 程序 处 理 执行 SQL 语句 的 结果 (主要 是 处 理 结果 集 ResultSet 中 的 数据 ) 。 

(6) 关闭 连接 (Connection) 等 资源 。 

前 三 步 为 准备 阶段 的 工作 ,创建 的 语句 对 象 供 程序 访问 数据 库 使 用 。 后 边 的 三 步 是 程 
序 在 工作 过 程 中 需要 访问 数据 库 时 ,使 用 语句 对 象 访问 数据 库 的 步骤 。 

创建 语句 对 象 的 具体 步骤 和 方法 如 下 (以 MySQL 数据 库 为 例 ): 

(1) 加 载 相 应 数据 库 的 JDBC 驱动 程序 ,该 驱动 会 自动 在 DriverManager 类 中 注册 : 


Class. forName( "org. gjt. mm. MySQL. Driver"); 


(2) 创建 数据 库 连 接 对 象 ,由 DriverManager 类 根据 已 注册 的 驱动 程序 调用 getConnection 
方法 实现 : 


Connection con = null; 
con = DriverManager. getConnection("jdbc:MySQL://localhost:3306/books", "root", "123"); 


该 连接 对 象 连接 的 数据 库 名 为 books ,连接 的 用 户 名 和 密码 分 别 为 root 和 123。 注 意 ， 
这 里 的 密码 即 为 安装 MySQL 时 设置 的 root 用 户 密码 。 
(3) 创建 用 于 执行 用 户 的 SQL 语句 的 语句 对 象 , 它 由 已 绑 定数 据 库 的 连接 对 象 生成 : 


Statement stmt = con. createStatement(); 


可 以 看 出 ,从 加 载 驱动 ` 创 建 连接 到 创建 语句 对 象 ,这 几 步 环 环 紧 扣 , 保 证 了 生成 的 语句 
对 象 能 够 准确 地 访问 目标 数据 库 。 

以 后 用 户 访问 数据 库 时 ,只 需 向 语句 对 象 提供 相应 的 SQL 语句 即 可 ,至 于 语句 对 象 如 
何 操作 数据 库 对 用 户 来 说 是 透明 的 ,用 户 只 需 关心 语句 对 象 执行 SQL 语句 返回 的 结果 。 

例如 : 


String strSQL = "select * from titles" + "where isbn = '" + request. getParameter("txt")+"""; 
ResultSet rs = stnt. executeQuery( strSQL) ; 


该 语句 向 语句 对 象 的 executeQuery 方法 提供 了 一 条 SQL 查询 语句 ,查看 books 数据 
库 中 的 图 书 表 titles ,查询 结果 返回 在 结果 集 ResultSet 的 对 象 rs 中 ,程序 可 方便 地 从 结果 
集 的 对 象 rs 中 获取 所 需 的 数据 。 


5.3.3 常用 SQL 语句 


对 数据 库 的 基本 操作 是 “增删 * 改 ” 查 ”, 常 用 的 SQL 语句 示例 如 下 : 
(1) 数据 记录 筛选 : 

select * from 数据 表 where 字段 名 = 字段 值 order by 字段 名 

select * from 数据 表 where 字段 名 like "% 字段 值 %" order by 字段 名 

select top 10 x fronm 数据 表 where 字段 名 order by 字段 名 


select * from 数据 表 where 字 段 名 in ( 值 1, 值 2, 值 3) 
select * from 数据 表 where 字段 名 between 值 1 and 值 2 


(2) 更 新 数据 记录 : 


update 数据 表 set 字段 名 = 字段 值 where 条 件 表达 式 
update 数据 表 set 字段 1= 值 1, 字 段 2= 值 2,… ,字段 n= 值 n where 条 件 表达 式 


(3) 删除 数据 记录 : 


delete fron 数据 表 where 条 件 表达 式 
delete from 数据 表 //( 将 数据 表 所 有 记录 删除 ) 


(4) 添加 数据 记录 : 


insert into 数据 表 ( 字 段 1, 字 段 2, 字 段 3, … ) values ( 值 1, 值 2, 值 3,…) 
insert into 目标 数据 表 select * fron 源 数据 表 //( 把 源 表 记 录 添 加 到 目标 数据 表 ) 


(5) 字段 处 理 与 运算 操作 。 
排序 : 


select * from tablel order by fieldl,field2 [desc] 


总 数 : 


select count * as totalcount from tablel 


求 和 : 


select sum(fieldl) as sumvalue from tablel 


平均 : 


select avg(fieldl) as avgvalue from tablel 
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最 大 了 
select max(fieldl) as maxvalue from tablel 
最 小 : 


select min(fieldl) as minvalue from tablel 


【 例 5-1】 查看 books 数据 库 中 的 图 书 表 titles 信息 ,并 将 结果 集中 的 图 书信 息 显 示 出 
程序 (bookstore 项 目 /WebRoot/test/listTitles. jsp) 的 清单 : 


<% @ page language = "java" contentTYpe = "text/html; charset = gbk" pageEncoding = "gbk" %> 
<% @page import = "java. sql. * ”第 > 


<html> 
<head> 

<title > 图书 列表 </title> 
</head> 
<body> 


< table bgcolor = lightgrey> 
<tr>< td> ISBN</td>< td> 书 名 </td>< td> 版 本 </td>< td> 出 版 时 间 </td>< td> 价 格 </td></tr> 
< 和 
Class. forName("com.mysql. jdbc. Driver" ); 
String url = "jdbc:mysql://localhost:3306/books?useUnicode = truegcharacterEncoding = UTF — 8"; 
Connection dbCon = DriverManager. getConnection(url,"root", "123"); 
Statement stmt = dbCon. createStatement( ) ; 
ResultSet rs = stmt.executeQuery("select * from titles"); 
while (rs.next()) { 
%> 
<tr bgcolor = cyan> 
<td> <% =rs.getString(1) 多 > </td> 
<td> <% =rs.getString(2) %> </td> 
<td><% =rs.getInt("editionNumber") %></td> 
<td><% =rs.getInt(4) %></td> 
<td><% =rs.getDouble("price") %></td> 
</tr> 
<% 
} 
rs.close(); 
stmt. close(); 
dbCon. close( ); 
> 
</table> 
</body> 
</html > 


本 书 提供 的 bookstore 实例 项 目 含 有 登录 检查 过 滤器 ,如 未 登录 ,访问 站 点 内 部 资源 时 


将 被 拒绝 或 强制 返回 登录 页 面 。 因 此 .运行 时 要 先 登录 (用 户 名 为 admin ,密码 为 123) ,再 在 
浏览 器 地 址 栏 输入 http://localhost:8080/bookstore/test/listTitles. jsp, 即 可 看 到 如 图 5-9 





从 图 书 列表 - Windows Internet Explorer =ID|x| 
GO http-//1ocalhost-8080/bookstore/test/listTitles. jsp 避 加 下 请 pl- 
文件 四) 辖 铭 世 ) 查看 WD) 收 阐 严 和 ) 工具 CY) 帮助 




















ISBN 书 名 版 本 出 版 时 间 价格 
9787121072984 Java Web 整 合 开发 与 项 目 实战 1 2009 49.0 
9787121072985 Flex 3 RIA 开 发 详解 与 精深 实践 1 2009 44.0 
9787121072986 精通 EJB3. 0 2 2006 64.0 
9787811010101 JavaEE 编 程 技术 1 2002 38.0 
9787811010102 C++ 程序 设计 2 1998 50.0 
9787811010103 Java How to Program 2 1998 50.0 
9787811010121 The Complete CH+ Training Course3 2001 54.0 
9787811014322 Web 编 程 技术 1 2008 36.0 
9787811019877 EJB JPA 数 据 库 持久 层 开 发 3 2008 49.0 

9787811078661 精通 JavaEE 项 目 案例 1 2007 70.0 四 
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图 5-9 listTitles. jsp 程序 运行 结果 


结果 集 (ResultSet) 对象 是 一 种 数据 容器 ,存放 着 满足 SQL 查询 条 件 的 数据 库 记 录 。 
通过 next 方法 ,可 以 遍历 所 有 记录 ,通过 getXxx() 可 以 得 到 指定 行 中 的 列 值 。 

实际 应 用 中 ,为 了 设计 方便 ,将 数据 库 的 连接 操作 从 JSP 文件 中 分 离 出 来 ,单独 写 一 个 
数据 库 连 接 工 具 类 ,JSP 页 面 中 需要 连接 数据 库 时 ,采用 类 似 <% @ page import 一 "java. 
util. * ,bean. DBcon”%> 等 编译 指令 将 该 工具 类 引入 页 面 ,就 可 以 使 用 这 个 类 了 ,如 果 数 
据 库 连接 信息 需要 修改 ,也 只 需 修改 这 个 连接 类 ,而 不 用 修改 使 用 这 个 连接 类 的 其 他 JSP 
文件 。 


5.4 JDBC 驱动 类 型 


JDBC 驱动 程序 是 用 于 特定 数据 库 的 一 套 实 现 了 JDBC 接口 的 类 集 。 要 通过 JDBC 来 
存 取 某 一 特定 的 数据 库 , 必 须 有 相应 的 该 数据 库 的 JDBC 驱动 程序 , 它 往往 是 由 生产 数据 库 
的 厂家 提供 ,是 连接 JDBC API 与 具体 数据 库 之 间 的 桥梁 。 目前 ,主流 的 数据 库 系统 如 
Oracle、SQL Server、Sybase、Informix 等 都 为 客户 提供 了 相应 的 驱动 程序 。 

由 于 历史 和 厂商 的 原因 ,从 驱动 程序 工作 原理 分 析 , 通 常 有 4 种 类 型 ,分 别 是 JDBC- 
ODBC 桥 JDBC Native 桥 、JDBC Network 驱动 和 纯 Java 的 本 地 JDBC 驱动 。 

1. JDBC-ODBC 桥 (JDBC-ODBC Bridge Driver) 

由 于 历史 原因 ,ODBC 技术 比 JDBC 更 早 或 更 成 熟 , 所 以 通过 该 种 方式 访问 一 个 ODBC 
数据 库 ,是 一 个 不 错 的 选择 。 这 种 方法 主要 原理 是 : 提供 了 一 种 把 JDBC 调用 映射 为 ODBC 
调用 的 方法 。 因 此 ,需要 在 客户 机 安装 一 个 ODBC 驱动 。 这 种 方式 由 于 需要 中 间 的 转换 过 
程 导致 执行 效率 低 , 目 前 比较 少 用 。 实 际 上 微软 公司 的 数据 库 系统 (如 SQL Server 和 
Access) 仍 然 保 留 了 该 种 技术 的 支持 。 
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2. JDBC Native 桥 (Native<API，Partly Java Driver) 

这 一 类 型 的 驱动 程序 是 直接 将 JDBC 调用 转换 为 特定 的 数据 库 调 用 ,而 不 经 过 ODBC 
了 ,执行 效率 比 第 一 种 驱动 程序 高 。 但 该 种 方法 也 存在 转换 的 问题 , 且 这 类 驱动 程序 与 第 一 
种 驱动 程序 类 型 一 样 , 也 要 求 客户 端的 计算 机 安装 相应 的 二 进 制 代 码 (驱动 程序 和 厂商 专 有 
的 API) 。 所 以 这 类 驱动 程序 应 用 存在 限制 ,如 不 太 适 合用 于 Applet 等 。 

3. JDBC Network 驱动 (JDBC-Net Pure Java Driver) 

这 种 驱动 实际 上 是 根据 常见 的 三 层 结 构建 立 的 ,JDBC 先 把 对 数据 库 的 访问 请 求 传递 
给 网 络 上 的 中 间 件 服务 器 ,中 间 件 服务 器 再 把 请 求 翻译 为 符合 数据 库 规范 的 调用 ,再 把 这 种 
调用 传 给 数据 库 服务 器 。 这 种 类 型 的 驱动 程序 不 需要 客户 端的 安装 和 管理 ,所 以 特别 适合 
于 具有 中 间 件 (Middle Tier) 的 分 布 式 应 用 ,但 目前 这 类 驱动 程序 的 产品 不 多 。 

4. 纯 Java 的 本 地 JDBC 驱动 (Native Protocol.Pure Java Driver) 

这 种 驱动 直接 把 JDBC 调用 转换 为 符合 相关 数据 库 系统 规范 的 请 求 。 它 通过 使 用 一 个 
纯 Java 数据 库 驱 动 程序 将 JDBC 对 数据 库 的 操作 直接 转换 为 针对 某 种 数据 库 进 行 操作 的 
本 地 协议 ,来 执行 数据 库 的 直接 访问 。 与 其 他 类 型 的 驱动 相 比 , 由 于 它 根本 不 需要 在 客户 端 
或 服务 器 端 装载 任何 的 软件 或 驱动 ,在 调用 过 程 中 也 不 再 先 把 JDBC 的 调用 传 给 诸如 
ODBC 或 本 地 数据 库 接 口 或 中 间 层 服务 器 ,可 以 直接 和 数据 库 服 务 器 通信 ,完全 由 Java 实 
现 ,执行 效率 非常 高 ,实现 了 平台 的 独立 性 。 它 特别 适合 于 通过 网 络 使 用 后 台数 据 库 的 
Applet 及 Web 应 用 ,本 书 介绍 的 JDBC 应 用 主要 使 用 该 类 型 的 驱动 程序 。 

用 户 开发 JDBC 应 用 系统 ,首先 需要 安装 数据 库 的 JDBC 驱动 程序 ,不 同 的 数据 库 需 要 
下 载 不 同 的 驱动 程序 。 对 于 普通 的 Java 应 用 程序 ,只 需要 将 JDBC 驱动 包 复 制 到 
CLASSPATH 所 指向 的 目录 下 就 可 以 了 ,这 和 导入 普通 的 Java 包 没 区 别 。 对 于 Web 应 
用 ,通常 将 JDBC 驱动 包 放 置 在 WEB-INF/lib 目录 下 即 可 。 


5.5 JDBC 常用 接口 、 类 介绍 


JDBC 中 ,定义 了 许多 接口 和 类 ,但 经 常 使 用 的 不 是 很 多 。 以 下 介 
绍 的 是 最 常用 的 接口 和 类 。 

1，Driver 接口 

Driver 接口 在 java. sql 包 中 定义 ,每 种 数据 库 的 驱动 程序 都 提供 一 
个 实现 该 接口 的 类 ,简称 Driver 类 ,应 用 程序 必须 首先 加 载 它 。 加 载 的 
目的 就 是 创建 自己 的 实例 并 向 java. sql. DriverManager 类 注册 该 实例 ， 和 类 及 连接 池 
以 便 驱 动 程序 管理 类 (DriverManager) 对 数据 库 驱 动 程序 的 管理 。 

通常 情况 下 ,通过 java. lang. Class 类 的 静态 方法 forName(String className) ,加 载 要 
连接 的 数据 库 驱 动 程序 类 ,该 方法 的 入口 参数 为 要 加 载 的 数据 库 驱 动 程序 完整 类 名 。 该 静 
态 方法 的 作用 是 要 求 JVM 查找 并 加 载 指定 的 类 ,并 将 加 载 的 类 自动 向 DriverManager 类 
注册 。 

在 加 载 驱 动 程序 之 前 ,必须 确保 驱动 程序 已 经 在 Java 编译 器 的 类 路 径 中 ,和 否则 会 抛 出 
找 不 到 相关 类 的 异常 信息 。 在 工程 中 添加 数据 库 驱 动 程序 的 方法 是 : 将 下 载 的 JDBC 驱动 





程序 存放 在 Web 服务 目录 的 WEB-INF/lib/ 目 录 下 。 

对 于 每 种 驱动 程序 ,其 完整 类 名 的 定义 也 不 一 样 。 若 加 载 成 功 ,系统 会 将 驱动 程序 注册 
到 DriverManager 类 中 。 如 果 加 载 失 败 ,将 抛 出 ClassNotFoundException 异常 。 以 下 是 加 
载 驱动 程序 的 代码 。 





try{ 
Class. forName( driverName) ; // 加 载 JDBC 驱动 器 
} catch (ClassNotFoundException ex) { 
ex. printStackTrace( ); 
} 


需要 注意 的 是 ,加 载 驱动 程序 行为 属于 单 例 模式 ,也 就 是 说 ,整个 数据 库 应 用 中 只 加 载 
一 次 就 可 以 了 。 

2. DriverManager 类 

数据 库 驱 动 程序 加 载 成 功 后 , 接 下 来 就 由 DriverManager 类 来 处 理 了 ,DriverManager 
类 的 主要 作用 是 管理 用 户 程序 与 特定 数据 库 ( 驱 动 程序 ) 的 连接 。 所 以 该 类 是 JDBC 的 管理 
层 , 作 用 于 用 户 和 驱动 程序 之 间 。 可 以 调用 DriverManager 类 的 静态 方法 getConnection 方 
法 得 到 数据 库 的 连接 。 

在 建立 连接 过 程 中 ,DriverManager 类 将 检查 注册 表 中 的 每 个 驱动 程序 ,查看 是 否 可 以 
建立 连接 ,有 时 可 能 有 多 个 JDBC 驱动 程序 可 以 和 给 定数 据 库 建立 连接 。 例 如 ,与 给 定 远程 
数据 库 连 接 时 ,通常 使 用 JDBC-ODBC 桥 驱 动 程序 . 纯 Java 的 本 地 JDBC 驱动 程序 。 在 这 种 
情况 下 ,加 载 驱 动 程序 的 顺序 至 关 重 要 ,因为 DriverManager 类 将 使 用 它 找 到 的 第 一 个 可 以 
成 功 连接 到 给 定 的 数据 库 驱 动 程序 进行 连接 。 

在 DriverManager 类 中 定义 了 三 个 重 载 的 getConnection 方法 ,分 别 如 下 : 





static Connection getConnection(String url); 
static Connection getConnection(String url, Properties info); 
static Connection getConnection(String url, String user, String password); 


这 三 个 方法 都 是 静态 方法 ,可 以 直接 通过 类 名 进行 调用 。 方 法 中 的 参数 含义 如 下 : 
。 url: 表示 数据 库 资源 的 地 址 ,是 建立 数据 库 连接 的 字符 串 ,不同 的 数据 库 其 连接 字 
符 串 也 不 一 样 。 

。 info: 是 一 个 java. util. Properties 类 的 实例 。 

。 user: 是 建立 数据 库 连接 所 需 的 用 户 名 。 

。 password: 是 建立 数据 库 连 接 所 需 的 密码 。 

3。Connection 接口 

Connection 接口 类 对 象 是 应 用 程序 连接 数据 库 的 连接 对 象 ,该 对 象 由 DriverManager 
类 的 getConnection 方法 提供 。 由 于 DriverManager 类 保存 着 已 注册 的 数据 库 连 接 驱 动 类 
的 清单 。 当 调用 getConnection 方法 时 , 它 将 从 清单 中 到 找到 可 与 URL 中 指定 的 数据 库 进 
行 连接 的 驱动 程序 。 一 个 应 用 程序 与 单个 数据 库 可 有 一 个 或 多 个 连接 ,或 可 与 许多 数据 库 
有 多 个 连接 。Connection 接口 的 主要 方法 如 表 5-8 所 示 。 
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表 5-8 ”Connection 接口 的 主要 方法 


大 


说 明 





Statement createStatement(int resultSetType, int 
resultSetConcurrency) throws SQLException 
void close() throws SQLException 
DatabaseMetaData get MetaData() throws 
SQLException 

PreparedStatement prepareStatement(String sql) 
throws SQLException 

boolean getAutoCommit() throws SQLException 
void setAutoCommit(boolean autoCommit) 


throws SQLException 


void commit() throws SQLException 
void rollback() throws SQLException 


boolean isClosed() throws SQLException 


建立 Statement 类 对 象 


关闭 该 连接 


建立 DatabaseMetaData 类 对 象 


建立 PreparedStatement 类 对 象 

返回 Connection 类 对 象 的 AutoCommit 状态 

设 定 Connection 类 对 象 的 AutoCommit 状态 ,如 果 
处 于 自动 提交 状态 ,那么 每 条 SQL 语句 将 独立 成 为 
一 个 事务 。 否 则 将 在 执行 commit 提交 语句 或 
rollback 语句 时 提交 未 执行 的 语句 ,将 所 有 未 提交 的 
语句 作为 一 个 事务 

提交 对 数据 库 新 增删 除 或 修改 记录 的 操作 

取消 一 个 事务 中 对 数据 库 新 增 、 删 除 或 修改 记录 的 
操作 ,进行 回 滚 操作 

测试 是 否 已 经 关闭 Connection 类 对 象 同 数据 库 的 
连接 


连接 对 象 的 主要 作用 是 调用 createStatement() 来 创建 语句 对 象 。 
不 同 的 数据 库 其 JDBC 驱动 程序 是 不 同 的 ,下 面 给 出 了 常用 数据 库 的 JDBC 驱动 程序 


的 写法 。 
JDBC 连接 MySQL: 


Class. forName( "org. gjt.mm.MYSQL. Driver" ); 


String constr = "jdbc:MySQL: //localhost:3306/Dbname ?useUnicode = true&characterEncoding = GBk" ; 
cn = DriverManager. getConnection(constr，sUsr，sPwd ); 


JDBC 连接 Microsoft SQL Server 2005: 


Class. forName( "com.microsoft. jdbc. sqlserver. SQLServerDriver" ); 
String constr = "jdbc:microsoft:sqlserver://localhost:1433;databaseName = master" 
cn = DriverManager. getConnection(constr, sUsr, sPwd ); 


JDBC 连接 Oracle(COracle8/8i/9i) : 


Class. forName( "oracle. jdbc. driver. OracleDriver" ); 
cn = DriverManager. getConnection( "jdbc:oracle:thin:@localhost:1521:orcl", sUsr, sPwd ); 


JDBC 连接 ODBC: 


Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver" ); 
Connection cn = DriverManager.getConnection( "jdbc:odbc:myDBsource", sUsr, sPwd ); 


JDBC 连接 PostgreSQLCpgjdbc2. jar) : 


Class. forName( "org. postgresql.Driver" ); 
cn = DriverManager. getConnection("jdbc:postgresql://DBServerIP/myDatabaseName", sUsr, sPwd) ; 


JDBC 连接 Sybase(jconn2. jar) : 


Class. forName( "com. sybase. jdbc2. jdbc.SybDriver”); 
cn = DriverManager. getConnection( "jdbc:sybase:Tds:DBServerIP:2638", sUsr, sPwd ); 


JDBC 连接 DB2: 


Class. forName( "Com. ibm. db2. jdbc. net. DB2Driver" ); 
cn = DriverManager. getConnection("jdbc:db2://dburl:port/DBname", sUsr, sPwd ); 


4. Statement 接口 

Statement 接口 用 于 将 SQL 语句 发 送 到 数据 库 中 ,并 获取 指定 SQL 语句 的 结果 。 
JDBC 中 实际 上 有 三 种 类 型 的 Statement 对 象 ,它们 都 作为 在 给 定 连接 上 执行 SQL 语句 的 
包容 器 : Statement、PreparedStatement( 从 Statement 继承 而 来 ) 和 CallableStatement (从 
PreparedStatement 继承 而 来 ) 。 它 们 都 专用 于 执行 特定 类 型 的 SQL 语句 。 

Statement 接口 定义 了 执行 语句 和 获取 结果 的 基本 方法 ,用 于 执行 不 带 参 数 的 简单 
SQL 语句 ,如 表 5-9 所 示 。 


表 5-9 Statement 接口 的 主要 方法 





流 法 说 明 

ResultSet executeQuery(String sql) throws 使 用 select 语句 对 数据 库 进 行 查 询 操 作 , 用 于 产生 

SQLException 单个 结果 集 的 语句 

int executeUpdate( String sql) throws 使 用 INSERT、DELETE 和 UPDATE 对 数据 库 进 

SQLException 行 新 增 、 删 除 和 修改 操作 ,并 且 可 以 进行 表 结 构 的 创 
建 , 修 改 和 删除 

boolean execute( String sql) 执行 给 定 的 SQL 语句 ,该 语句 可 能 会 返回 多 个 
ResultSet、 多 个 更 新 计数 或 两 者 组 合 的 语句 

void close() throws SQLException 立即 释放 Statement 对 象 中 的 数据 库 和 JDBC 资源 ， 


而 不 是 等 待 其 自动 释放 。 需 要 注意 的 是 ,由 于 
Statement 对 象 是 由 Connection 对 象 生 成 的 ,因此 ， 
Statement 对 象 的 关闭 必须 在 Connection 对 象 关闭 
之 前 进行 

Connection getConnection() throws SQLException ”获取 生成 该 Statement 接口 的 Connection 对 象 


PreparedStatement 对 象 用 于 执行 带 或 不 带 IN 参数 的 预 编 译 SQL 语句 。 

CallableStatement 接口 添加 了 处 理 OUT 参数 的 方法 ,用 于 执行 对 数据 库 中 的 存储 
过 程 。 

建立 了 到 特定 数据 库 的 连接 对 象 之 后 ,就 可 以 创建 Statement 对 象 。Statement 对 象 由 
Connection 对 象 的 createStatement 方法 负责 创建 .示例 代码 如 下 : 
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Connection con = DriverManager. getConnection(url, "user", "password" ); 
Statement stmt = con. createStatement(); 


executeQuery 方法 用 于 执行 SELECT 查询 语句 ,此 方法 返回 一 个 结果 集 , 其 类 型 为 
ResultSet。ResultSet 是 一 个 与 数据 库 表 结 构 一 致 的 集合 类 容器 ,程序 通过 游标 可 访问 结 
果 集 里 的 数据 记录 。 

executeUpdate 方法 用 于 更 新 数据 ,如 执行 INSERT、UPDATE 和 DELETE 语句 及 
SQL DDL( 数 据 定义 ) 请 句 ,这 些 语句 返回 一 个 整数 ,表示 受 影响 的 行 数 。 

当 Connection 对 象 处 于 默认 状态 时 ,所 有 Statement 对 象 的 执行 都 是 自动 的 。 也 就 是 
说 , 当 Statement 语句 对 象 执行 SQL 语句 时 ,该 SQL 语句 马上 提交 数据 库 并 返回 结果 。 如 
果 将 连接 修改 为 手动 提交 的 事务 模式 ,那么 只 有 当 执 行 commit 语句 时 , 才 会 提交 相应 的 数 
据 库 操 作 。 

在 Statement 语句 对 象 使 用 完毕 后 ,最 好 采用 显 式 的 方式 将 其 关闭 ,虽然 Java 的 垃圾 
回收 机 制 会 自动 收集 这 些 资源 ,但 是 显 式 的 资源 回收 是 一 个 好 的 习惯 ,可 以 避免 很 多 麻烦 。 

5。.PreparedStatement 接口 

PreparedStatement 接口 继承 Statement 接口 ,所 以 它 具 有 Statement 接口 的 所 有 方法 ， 
同时 添加 了 一 些 自己 的 方法 。PreparedStatement 接口 与 Statement 接口 有 以 下 两 点 不 同 : 

。 PreparedStatement 接口 对 象 包含 已 编译 的 SQL 语句 ; 
。 PreparedStatement 接口 对 象 中 的 SQL 语句 可 包含 一 个 或 多 个 IN 参数 ,也 可 用 “?” 
作为 占 位 符 。 

由 于 PreparedStatement 对 象 已 预 编译 过 ,其 执行 速度 要 快 于 Statement 对 象 。 因 此 ， 
对 于 多 次 执行 的 SQL 语句 应 该 使 用 PreparedStatement 对 象 ,可 极 大 地 提高 执行 效率 。 

PreparedStatemen 对 象 可 以 通过 调用 Connection 接口 对 象 的 preparedStatement 方法 
得 到 ,代码 示例 如 下 : 





Connection con = DriverManager. getConnection(url, "user", "password" ); 
PreparedStatement pstmt = con. preparedStatement (String sql); 


注意 : 在 创建 PreparedStatement 对 象 时 需要 SQL 命令 字符 串 作 为 preparedStatement 
方法 的 参数 ,这 样 才能 实现 SQL 命令 预 编译 。SQL 命令 字符 囊 中 可 用 “?” 作 为 占 位 符 ,并 
且 在 执行 executeQuery 或 executeUpdate 之 前 用 setXxx(n,p) 方 法 为 占 位 符 赋值 ,具体 方 
法 如 表 5-10 所 示 。 如 果 参 数 类 型 为 String, 则 使 用 setString 方法 。 在 setXxx(n,p) 方 法 中 
的 第 一 个 参数 n 表示 要 赋值 的 参数 在 SQL 命令 字符 串 中 出 现 的 次 序 ,n 从 1 开始 ; 第 二 个 
参数 p 为 设置 的 参数 值 。 

例如 : 

PreparedStatement pstmt = con. prepareStatement ("update EMPLOYEE set Salary =? where ID= ?"); 


pstmt. setFloat(1,3833.18); 
pstmt. setInt(2,110592); 


这 里 的 SQL 语句 中 的 参数 可 以 像 设 置 类 中 的 参数 一 样 依次 设置 。 


在 访问 数据 库 时 ,不 再 提供 SQL 语句 及 参数 信息 ,而 是 直接 调用 PreparedStatement 对 
象 的 executeQuery 或 executeUpdate 执行 查询 ,可 以 很 明显 地 看 出 这 个 类 使 用 的 便捷 性 。 
PrepareStatement 接口 的 主要 方法 如 表 5-10 所 示 。 


表 5-10 ”PrepareStatement 接口 的 主要 方法 





过 法 说 明 

ResultSet executeQuery() 使 用 SELECT 命令 对 数据 库 进行 查询 

int executeUpdate() 使 用 INSERT、DELETE 和 UPDATE 对 数据 库 进 
行 新 增 、 删 除 和 修改 操作 

ResultSet MetaData getMetaData() 取得 ResultSet 类 对 象 有 关 字 段 的 相关 信息 

void setInt(int parameterIndex,int x) 设 定 整数 类 型 数值 给 PreparedStatement 类 对 象 的 
IN 参数 

void setFloat(int parameterIndex, float x) 设 定 浮 点 数 类 型 数值 给 PreparedStatement 类 对 象 
的 IN 参数 

void setNull(int parameterIndex,int sqlType) 设 定 NULL 类 型 数值 给 PreparedStatement 类 对 象 
的 IN 参数 

void setString(int parameterIndex, String x) 设 定 字符 串 类 型 数值 给 PreparedStatement 类 对 象 
的 IN 参数 

void setDate(int parameterIndex, Date x) 设 定 日 期 类 型 数值 给 PreparedStatement 类 对 象 的 
IN 参数 

void setBigDecimal(int index, BigDecimal x) 设 定 十 进 制 长 类 型 数值 给 PreparedStatement 类 对 
象 的 IN 参数 

void setTime(int parameterIndex, Time x) 设 定时 间 类 型 数值 给 PreparedStatement 类 对 象 的 
IN 参数 


下 面 是 利用 PreparedStatement 对 象 在 userinfo 表 中 插入 一 条 记录 的 JSP 程序 片段 ， 


con = ConnectionManager. getConnction( ); // 得 到 数据 库 连接 

String sql = "insert into userinfo(loginname, password) values(?,?)"; // 两 个 占 位 符 

pstmt = con. prepareStatement (sql); // 创 建 PreparedStatement 对 象 

pstmt. setString(1, name); // 为 第 1 个 占 位 符 赋值 ,用 户 名 由 name 变量 提供 
pstmt. setString(2,password) ; // 为 第 2 个 占 位 符 赋 值 ,密码 由 password 变量 提供 
result = pstmt. executeUpdate( ) ; // 执 行 插入 操作 ,不 需 再 提供 SQL 语句 


6.ResultSet 接口 

ResultSet 接口 用 于 获取 语句 对 象 执 行 SQL 语句 返回 的 结果 , 它 的 实例 对 象 包含 符合 
SQL 语句 中 条 件 的 所 有 记录 的 集合 。 

程序 中 使 用 结果 集 名 称 作 为 访问 结果 集 数据 表 的 游标 , 当 获 得 一 个 ResultSet 时 , 它 的 
游标 正好 指向 第 一 行 之 前 的 位 置 。 可 以 使 用 游标 的 next 方法 转 到 下 一 行 ,每 调用 一 次 next 
方法 游标 向 下 移动 一 行 , 当 数据 行 结束 时 ,该 方法 会 返回 false。 

对 于 不 支持 游标 滚动 的 数据 集 ,必须 按 顺 序 访问 ResultSet 数据 行 ,但 可 访问 任意 顺序 
数据 列 。 

表 5-11 所 示 为 ResultSet 接口 的 主要 方法 。 








JSP 访问 数据 府 


贡 on 站 


JSP Web 技术 及 应 用 教程 (入 2 点 ) 苇 深 帮 





表 5-11 ResultSet 接口 的 主要 方法 
方 法 说 明 
boolean absolute(int row) throws SQLException 移动 记录 指针 到 指定 的 记录 
移动 记录 指针 到 第 一 笔记 录 之 前 





void beforeFirst() throws SQLException 


void afterLast() throws SQLException 
boolean first() throws SQLException 
boolean last() throws SQLException 
boolean next() throws SQLException 


移动 记录 指针 到 最 后 一 笔记 录 之 后 
移动 记录 指针 到 第 一 笔记 录 

移动 记录 指针 到 最 后 一 笔记 录 
移动 记录 指针 到 下 一 笔记 录 


boolean previous() throws SQLException 移动 记录 指针 到 上 一 笔记 录 
void deleteRow() throws SQLException 删除 记录 指针 指向 的 记录 

void moveToInsertRow() throws SQLException 移动 记录 指针 以 新 增 一 笔记 录 
void moveToCurrentRow() throws SQLException 移动 记录 指针 到 被 记忆 的 记录 
void insertRow() throws SQLException 新 增 一 笔记 录 到 数据 库 中 

void updateRow() throws SQLException 修改 数据 库 中 的 一 笔记 录 

void update [type] (int columnIndex,type x) throws SQLException 修改 指定 字段 的 值 

int get [type](int columnIndex) throws SQLException 取得 指定 字段 的 值 
ResultSetMetaData getMetaData() throws SQLException 取得 ResultSetMetaData 类 对 象 


在 使 用 ResultSet 之 前 ,可 以 查询 它 包 含 多 少 列 。 此 信息 存储 在 ResultSetMetaData 元 
数据 对 象 中 。 下 面 是 从 元 数据 中 获得 结果 集 数据 表 列 数 的 代码 片段 : 


ResultSetMetaData rsmd; 
rsmd = results. getMetaData( ); 
int numCols = rsmd.getColumnCount(); 


根据 结果 集 数 据 列 中 数据 类 型 的 不 同 , 需 要 使 用 相应 的 方法 获取 其 中 的 数据 。 这 些 方 
法 可 以 按 列 序号 或 列 名 作为 参数 。 请 注意 . 列 序号 从 1 开始 ,而 不 是 从 0 开始 。 

ResultSet 对 象 获 取 数 据 列 的 一 些 常 用 方法 如 下 : 

。 getInt(int n): 将 序号 为 n 的 列 的 内 容 作 为 整数 返回 ; 

。 getInt(String str) : 将 名 称 为 str 的 列 的 内 容 作 为 整数 返回 ; 

。 getFloat(int n) : 将 序号 为 n 的 列 的 内 容 作为 一 个 float 型 数 返回 ; 

。 getFloat(String str) : 将 名 称 为 str 的 列 的 内 容 作为 float 型 数 返 回 ; 

。 getDate(int n) : 将 序号 为 n 的 列 的 内 容 作为 日 期 返回 ; 

。 getDate(String str) : 将 名 称 为 str 的 列 的 内 容 作为 日 期 返回 ; 

。 next() : 将 行 指针 移 到 下 一 行 。 如 果 没 有 剩余 行 , 则 返回 false; 

。 Close() : 关闭 结果 集 ; 

。 getMetaData() : 返回 ResultSetMetaData 对 象 。 

JDBC 2. 0 开始 支持 游标 滚动 的 结果 集 ,而 且 可 以 对 数据 进行 更 新 。 

要 让 ResultSet 支持 游标 滚动 和 数据 库 更 新 ,必须 在 创建 Statement 对 象 的 时 候 使 用 下 
面 的 方式 指定 对 应 的 参数 : 


Statement stmt = conn.createStatement(resultSetType, resultSetConcurrency); 


对 于 PreparedStatement ,使 用 下 面 的 方式 指定 参数 : 





PreparedStatement pstmt = conn.prepareStatement(sql, resultSetType, resultSetConcurrency); 


其 中 ,参数 resultSetType 表示 ResuleSet 的 类 型 ; resultSetConcurrency 表示 是 否 可 以 
使 用 ResuleSet 来 更 新 数据 库 。 它 们 相关 参数 取 值 含义 如 表 5-12 和 表 5-13 所 示 。 


表 5-12 resultSetType 参数 表 





resultSetType 参数 参数 意义 
TYPE_FORWARD_ONLY 默认 类 型 。 结 果 集 只 允许 向 前 滚动 
TYPE_SCROLL_INSENSITIVE 结果 集 允 许 向 前 或 向 后 两 个 方向 的 滚动 ,不 反映 数据 库 的 变 
化 , 即 不 会 受到 其 他 用 户 对 数据 库 所 做 更 改 的 影响 
TYPE_SCROLL_SENSITIVE 结果 集 允 许 向 前 或 向 后 两 个 方向 的 滚动 ,受到 其 他 用 户 对 数 


据 库 所 做 更 改 的 影响 。 即 在 该 参数 下 ,会 及 时 跟踪 数据 库 的 
更 新 ,以 便 更 改 ResultSet 中 的 数据 


表 5-13 resultSetConcurrency 参数 表 





resultSetConcurrency 参数 参数 意义 
CONCUR_READ_ONLY 默认 值 ,不 能 用 结果 集 更 新 数据 
CONCUR_UPDATABLE 能 用 结果 集 更 新 数据 


当 使 用 TYPE_SCROLL_INSENSITIVE 或 TYPE_SCROLL_SENSITIVE 来 创建 
Statement 对 象 时 ,可 以 使 用 ResultSet 的 first() \last()、beforeFirst() 、afterLast() relative()、 
absolute() 等 方法 在 结果 集中 随意 前 后 移动 。 

但 要 注意 ,即使 使 用 了 CONCUR_UPDATABLE 参数 来 创建 Statement, 得 到 的 记录 
集 也 并 非 一 定 是 “可 更 新 的 ”, 如 果 记 录 集 来 自 于 合并 查询 , 即 该 查询 的 结果 来 自 多 个 表格 ， 
那么 这 样 的 结果 集 就 可 能 不 是 可 更 新 的 结果 集 。 可 以 使 用 ResuleSet 类 的 getConcurrency 
方法 来 确认 是 否 为 可 更 新 的 结果 集 。 如 果 结 果 集 是 可 更 新 的 ,那么 可 使 用 ResultSet 的 
updateRow() .insertRow() .moveToCurrentRow () .deleteRow() .cancelRowUpdates() 等 
方法 来 对 数据 库 进行 更 新 。 如 果 没 有 设置 可 更 新 结果 集 而 进行 了 更 新 操作 ,将 会 报 “ 结 果 集 
不 可 更 新 ”的 异常 错误 。 

【 例 5-2】 可 更 新 数据 库 的 结果 集 测 试 。 

程序 (jspweb 项 目 /ch05/ResultSetTest. jsp) 的 清单 : 


< 外 @ page language = "java" import = "java.util. *" pageEncoding= "utf - 8" %> 

< 第 @page import = "java. sql. * " $%> 

<html> 

<body> 

< 多 out. println(" 可 更 新 结果 集 更 新 测试 < br >"); 
Class. forName( "com. mysql. jdbc. Driver"); 
String url = "jdbc:mysql://localhost:3306/books?useUnicode = truegcharacterEncoding = UTF — 8"; 
Connection dbCon = DriverManager.getConnection(url, "root", "123"); 
String sql = "select * from titles"; 
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try{ 
Statement stmt = dbCon.createStatement(ResultSet.TYPE SCROLL SENSITIVE, 
ResultSet. CONCUR_UPDATABLE) ; 
ResultSet rs = stmt.executeQuery(sql); 
out. println(" 一 -一 -一 一 一 一 一 原 结果 集 -------- <br>"); 
while (rs.next()) { 
out. println("[ 行 号 : " + rs.getRow() +"]\t" +rs.getString(1) + "\t"+ 
rs.getString(2) + "<br>"); } 


out. println(" ————-—— 插入 一 条 记录 ----- <br>"); 
rs. first(); 
rs. moveToInsertRow( ); // 将 游标 移动 到 插入 行 上 


rs.updateString(1, "999998888"); ”// 构 建行 数据 
rs. updateString(2, "xxxx"); 
rs. insertRow( ); // 插 入 一 行 
oulb, primt ln(™ ====== 更 新 一 条 记录 ----- = be) 
rs.absolute(3); 
rs. updateString(2, "update"); // 构 建行 数据 
rs. updateRow( ); 
out. println(" -- 对 结果 集 进行 插入 与 更 新 操作 后 重新 读 取 的 结果 集 ---< br>"); 
rs = stmt,executeQuery(sql); 
while (rs.next()) { 
out,. println("[ 行 号 : " + rs.getRow()+"]\t"+rs.getString(1) + "\t"+ 
rs.getString(2) + "<br>"); } 
rs.close(); 
stmt. close( ); 
} catch (SQLException e) {e.printStackTrace();} 
finally {} 
// 可 滚动 结果 集 的 游标 滚动 测试 
out. println("< br> 可 滚动 结果 集 滚动 测试 <br>") 
try {Statement stmt = dbCon.createStatement(ResultSet.TYPE SCROLL SENSITIVE, 
ResultSet. CONCUR_READ ONLY) ; 
ResultSet rs = stmt.executeQuery(sql); 


rs.afterLast(); // 移 至 表 尾 
wat: printia( 全 一 一 一 一 一 一 前 滚 操 作 ----- 的 
rs. previous( ); // 将 光标 移动 到 此 ResultSet 对 象 的 上 一 行 


rs. previous( ); 
out. println("[ 行 号 :" + rs.getRow() +"]\t" + rs.getString(1) + "\t" + rs.getString(2) + "< br >"); 


oub. printial ”= 绝对 定位 ----- 动 下 
rs.absolute(3); // 将 光标 移动 到 此 ResultSet 对 象 的 给 定 行 编号 
out.println("[ 行 号 : " + rs.getRow() + "]\t" + rs.getString(1) + "\t" + rs.getString(2) + "< br >"); 
out. println(" ———-——— 移动 到 第 一 行 ----- 兵源 
证 (rs.first()) { // 将 光标 移动 到 此 ResultSet 对 象 的 第 一 行 
out.println("[ 行 号 :" + rs. getRow() + "]\t" + rs. getString(1) + "\t" + rs. getString(2) + 
由 
System. out. println(" —————— 移动 到 最 后 一 行 ----- 时 
if (rs. last()) { // 将 光标 移动 到 此 ResultSet 对 象 的 第 一 行 
out.println("[ 行 号 : " + rs. getRow() + "]\t" + rs. getString(1) +"\t" + rs. getString(2) + 
,| 


out. println(" —————— 移动 到 第 一 行 之 前 ----- "); 


rs. beforeFirst(); // 将 光标 移动 到 此 Resultset 对 象 的 开头 , 正好 位 于 第 一 行 之 前 
rs. next(); 
out. println("[ 行 号 : ”+ rs.getRow() + "]\t" + rs.getString(1) +"\t"+ 
rs.getString(2) + "<br>"); 

out. println(" ------ 移动 到 最 后 一 行 之 后 ----- "); 

rs.afterLast(); // 将 光标 移动 到 此 ResultSet 对 象 的 末尾 ,正好 位 于 最 后 一 行 之 后 

rs. previous(); 

out. println("[ 行 号 : ”+ rs.getRow() + "]\t" + rs.getString(1) +"\t"+ 

rs.getString(2) + "<br >"); 

out, println(" -——-—— 相对 当前 行 做 移动 ----- "); 

rs. relative( — 2); 

out. println("[ 行 号 : " + rs.getRow()+"]\t"+rs.getString(1) + "\t" + 

rs.getString(2) + "< br >"); 

rs.close(); 

stmt. close(); 





dbCon. close( ); 
} catch (SQLException e) {e.printStackTrace();} 
finally {} 
第 > 
</body> 
</html > 


在 浏览 器 地 址 栏 输入 http://localhost:8080/jspweb/ch05/ResultSetTest. jsp, 可 看 到 
运行 结果 以 及 数据 库 titles 表 在 程序 运行 后 记录 变化 对 比 情况 ,如 图 5-10 所 示 。 
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7. DatabaseMetaData 接口 

DatabaseMetaData 接口 对 象 可 提供 整个 数据 库 的 相关 信息 ,主要 用 于 获取 数据 库 中 表 
的 名 称 以 及 表 中 列 的 名 称 。 

DatabaseMetaData 接口 对 象 可 从 数据 库 连 接 对 象 获取 ,其 获取 方式 如 下 : 


DatabaseMetaData dbmd = conn. getMetaData( ); 
// 这 个 对 象 包含 了 conn 所 连接 的 数据 库 的 详细 信息 


DatabaseMetaData 接口 对 象 提供 了 如 下 方法 用 来 获取 数据 库 表 的 定义 : 


ResultSet getTables(String catalog, String schemaPattern, String tableNamePattern, 
String[ ] types) throws SQLException 


对 于 getTables 方法 4 个 参数 的 含义 如 下 : 
。 catalog: 要 在 其 中 查找 表 名 的 目录 名 。 可 将 其 设置 为 null。MySQL 数据 库 的 目录 
项 实际 上 是 它 在 文件 系统 中 的 绝对 路 径 名 称 。 
。 schemaPattern: 要 包括 的 数据 库 “ 方 案 ”"。 许 多 数据 库 不 支持 方案 ,而 对 另 一 些 数 据 
库 而 言 , 它 代表 数据 库 所 有 者 的 用 户 名 。 一 般 将 它 设置 为 null。 
。 tableNamePattern: 用 来 描述 要 检索 的 表 的 名 称 。 如 果 和 希望 检索 所 有 表 名 , 则 将 其 
设 为 通配符 “%”。 
。 types[]: 获取 哪些 类 型 的 表 , 每 种 类 型 以 字符 串 的 形式 放 入 该 数组 中 ,典型 的 表 类 
型 一 般 包 括 TABLE、 VIEW、 SYSTEM TABLE、 GLOBAL TEMPORARY、 
LOCAL TEMPORARY、ALIAS 和 SYNONYM。 该 参数 可 以 为 null, 此 时 不 设 检 
索 条 件 , 会 得 到 所 有 这 些 表 。 一 般 来 说 ,要 获取 的 就 是 表 和 视图 的 信息 ,因此 字符 串 
数组 types 的 值 一 般 写成 { "TABLE", "VIEW")。 
8. ResultSetMetaData 接口 
使 用 ResultSet 接口 类 的 getMetaData 方法 可 以 从 ResultSet 中 获取 
ResultSetMetaData 接口 类 对 象 。ResultSetMetaData 接口 类 对 象 保存 了 所 有 ResultSet 类 
对 象 中 关于 字段 的 信息 ,并 提供 许多 方法 来 取得 这 些 信 息 。 例 如 ,可 以 使 用 此 对 象 可 以 获得 
列 的 数目 和 类 型 以 及 每 一 列 的 名 称 。ResultSetMetaData 接口 的 主要 方法 如 表 5-14 所 示 。 


表 5-14 ResultSetMetaData 接口 的 主要 方法 








方 法 说 明 
int getColumnCount() throws SQLException 取得 ResultSet 类 对 象 的 字段 个 数 
int getColumnDisplaySize() throws SQLException 取得 ResultSet 类 对 象 的 字段 长 度 


String getColumnName(int column) throws SQLException 取得 ResultSet 类 对 象 的 字段 名 称 
String getColumnTypeName (int column) throws SQLException ”取得 ResultSet 类 对 象 的 字段 类 型 名 称 





String getTableName(int column) throws SQLException 取得 ResultSet 类 对 象 的 字段 所 属 数据 
表 的 名 称 

boolean isCaseSensitive(int column) throws SQLException 测试 ResultSet 类 对 象 的 字段 是 否 区 分 
大 小 写 


boolean isReadOnly(int column) throws SQLException 测试 ResultSet 类 对 象 的 字段 是 否 为 只 读 


【 例 5-3】 利用 DatabaseMetaData 对 象 ,获取 数据 库 中 所 有 用 户 表 的 信息 ,再 利用 
ResultSetMetaData 对 象 ,解析 所 获取 的 含有 所 有 用 户 表 信息 的 结果 集 。 
程序 (bookstore 项 目 \WebRoot\test\DbMetaData. jsp) 的 清单 : 


<% @ page language = "java" contentType = "text/html; charset = gbk" pageEncoding = "gbk" %> 
<% @page import = "bean. DBcon, java. sql. * , java. util. * ”第 > 
<html> 
<head> 
<title > 数据 库 表 信息 </title> 
</head> 
<body> 
< 第 
Connection con = DBcon. getConnction() 7 
Statement stmt = con. createStatement(); 
DatabaseMetaData dbmd = con. getMetaData( ); 
//ResultSet rs = dbmd. getCatalogs(); // 获 取 类 别 
//ResultSet rs = dbmd. getSchemas( ); // 获 取 模 式 
String types[ ] = {"TABLE", "VIEN"}; 
ResultSet rs = dbmd. getTables("books", null, null, types);  ”// 获 取 MySQL 表 信息 
// 以 下 部 分 为 结果 集 解 析 
ResultSetMetaData rsmd = rs. getMetaData( ); 
int size = rsmd, getColumnCount( ); 
while(rs.next()) { 
for(int i=1;i<= sizeii++) out. print(rsmd. getColumnName(i) +":"+ rs.getString 
(et 
out. print("< br >"); 
} 
DBcon. closeResultSet (rs); 
DBcon. closeConnection(con); 
%> 


程序 运行 结果 如 图 5-11 所 示 。 
数 : 


/全 数据 库 表 信息 - Yindows Internet Explerer -lolxl 
(ee = 同 http://localhost:8080/bookstore/test/DbletaData jsp | 四 | 由 xj 陪 百度 也 |- 
文件 下) ”编辑 下) 查看 QW) 收 若 夹 &) 工具 I) 帮助 了 0 





























books TABLE_SCHEN:null TABLE_NANE:authorisbn TABLE_TYPE:TABLE REMARKS: 
books TABLE_SCHEN:null TABLE_NANE:authors TABLE_TYPE:TABLE REMARKS: 
books TABLE_SCHEN:null TABLE_NAME:bookorder TABLE_TYPE:TABLE REMARKS: 
books TABLE_SCHEN:null TABLE_NANE:publishers TABLE_TYPE:TABLE RENARKS: 

books TABLE_SCHEN:null TABLE NANE:titles TABLE_TYPE:TABLE REMARKS: 

:books TABLE_SCHEN:null TABLE_NANE:userinfo TABLE_TYPE:TABLE REMARKS: 

加 
完成 [LT T 网 me ET 











图 5-11 DbMetaData. jsp 运行 结果 
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5.6 数据 库 连 接 池 原 理 


最 原始 的 数据 库 使 用 就 是 打开 一 个 连接 并 进行 使 用 ,使 用 后 一 定 要 关闭 连接 释放 资源 。 
连接 数据 库 不 仅 要 开销 一 定 的 通信 和 内 存 资源 ,还 必须 完成 用 户 验证 .安全 上 下 文 配置 等 任 
务 , 因 而 往往 成 为 很 耗 时 的 操作 。 为 了 提高 系统 效率 需要 使 用 数据 库 连接 池 。 

数据 库 连 接 池 的 基本 思想 就 是 为 数据 库 连 接 建 立 一 个 “存储 池 ”。 连 接 池 是 一 个 可 以 存 
储 多 个 数据 库 连 接 对 象 的 容器 , 当 程 序 需要 连接 数据 库 时 ,可 直接 从 连接 池 中 获取 一 个 连 
接 , 使 用 结束 时 将 连接 还 给 连接 池 。 这 样 一 个 连接 可 以 被 很 多 程序 共享 ,无 须 每 次 都 与 数据 
库 交互 时 都 与 数据 库 进 行 连接 与 断 开 ,提高 数据 库 访问 速度 。 

数据 库 建立 初期 ,预先 在 缓冲 池 中 放 和 人 一定 数量 的 连接 , 当 需 要 建立 数据 库 连 接 时 ,只 
需 从 “连接 池 ” 中 申请 一 个 ,使 用 完毕 之 后 再 将 该 连接 作为 公共 资源 保存 在 “连接 池 ” 中 ,以 供 
其 他 连接 申请 使 用 。 在 这 种 情况 下 , 当 需 要 连接 时 ,就 不 需要 再 重新 建立 连接 ,这 样 就 在 很 
大 程度 上 提高 了 数据 库 连接 处 理 的 速度 ; 同时 ,还 可 以 通过 设 定 连接 池 最 大 连接 数 防止 系 
统 无 控制 地 与 数据 库 连接 ; 更 为 重要 的 是 ,可 以 通过 连接 池 管理 机 制 监视 数据 库 的 连接 数 
量 以 及 各 连接 的 使 用 情况 ,为 系统 开发 、 测 试 及 性 能 调整 提供 依据 。 

除了 向 连接 池 请 求 分 配 数 据 库 连 接 之 外 ,连接 池 还 负责 按照 一 定 的 规则 释放 使 用 次 数 
较 多 的 连接 ,并 重新 生成 新 的 连接 实例 ,保持 连接 池 中 所 有 连接 的 可 用 性 。 

数据 库 连 接 池 在 初始 化 时 将 创建 一 定数 量 的 数据 库 连 接 放 到 连接 池 中 ,这 些 数 据 库 连 
接 的 数量 是 由 最 小 数据 库 连 接 数 来 设 定 的。 无 论 这 些 数据 库 连 接 是 否 被 使 用 ,连接 池 都 将 
一 直 保 证 至 少 拥有 这 么 多 的 连接 数量 。 连 接 池 的 最 大 数据 库 连接 数量 限定 了 这 个 连接 池 能 
占有 的 最 大 连接 数 , 当 应 用 程序 向 连接 池 请 求 的 连接 数 超过 最 大 连接 数量 时 ,这 些 请 求 将 被 
加 入 到 等 待 队 列 中 。 

数据 库 连 接 池 的 最 小 连接 数 和 最 大 连接 数 的 设置 要 考虑 到 下 列 几 个 因素 : 

(1) 最 小 连接 数 是 连接 池 一 直 保 持 的 数据 库 连 接 , 所 以 如 果 应 用 程序 对 数据 库 连 接 的 
使 用 量 不 大 ,将 会 有 大 量 的 数据 库 连 接 资源 被 浪费 。 

(2) 最 大 连接 数 是 连接 池 能 申请 的 最 大 连接 数 ,如 果 数 据 库 连 接 请 求 超过 此 数 ,后 面 的 
数据 库 连接 请 求 将 被 加 入 到 等 待 队 列 中 ,这 会 影响 之 后 的 数据 库 操作 。 

(3) 超过 最 小 连接 数量 的 连接 请 求 等 价 于 建立 一 个 新 的 数据 库 连 接 。 不 过 ,这 些 大 于 
最 小 连接 数 的 数据 库 连 接 在 使 用 完 不 会 马上 被 释放 , 它 将 被 放 到 连接 池 中 等 待 重复 使 用 或 
是 空闲 超时 后 被 释放 。 

举 个 例子 说 明 连 接 池 的 运作 : 

假设 设置 了 最 小 和 最 大 的 连接 为 10 和 20, 那 么 应 用 一 旦 启动 则 首先 打开 10 个 数据 库 
连接 ,但 注意 此 时 数据 库 连 接 池 中 正在 使 用 的 连接 数 为 0, 因 为 并 没有 使 用 这 些 连接 ,因此 
空闲 的 连接 数 是 10。 然 后 开始 登录 ,假设 登录 代码 使 用 了 一 个 连接 进行 查询 ,那么 此 时 数 
据 库 连 接 池 中 正在 使 用 连接 数 为 1 ,空闲 数 为 9。 登录 结束 了 ,当前 连接 池 中 正在 使 用 连接 
数 是 多 少 ? 当然 是 0, 因 为 那个 连接 随 着 事务 的 结束 已 经 返还 给 连接 池 了 。 假 如 同时 有 11 
个 人 在 进行 登录 ,这 时 连接 池 需 要 从 数据 库 新 申请 一 个 连接 ,连同 连接 池 中 的 10 个 一 并 送 
出 ,这 个 瞬间 连接 池 中 连接 的 使 用 数 是 11 个 ,不 过 没关系 :正常 情况 下 过 一 会 儿 又 会 变 成 


0。 如 果 同 时 有 21 个 人 登录 呢 ? 那 第 21 个 人 就 只 能 等 前 面 的 某 个 人 登录 完毕 后 释放 连接 
给 他 。 虽 然 这 时 连接 池 开 启 了 20 个 数据 库 连 接 ,但 随 着 使 用 连接 的 释放 ,很 可 能 正在 使 用 
的 连接 数 已 经 降 为 0. 那 20 个 连接 不 会 一 直 保持 ,连接 池 会 在 一 定时 间 内 关闭 一 定量 的 连 
接 ,因为 只 需要 保持 最 小 连接 数 , 而 这 个 时 间 周 期 也 是 连接 池 里 配置 的 。 

连接 池 技 术 的 核心 思想 是 连接 复 用 .通过 建立 一 个 数据 库 连 接 池 以 及 一 套 连 接 使 用 、 分 
配 和 管理 策略 ,使 得 该 连接 池 中 的 连接 可 以 得 到 高 效 、 安 全 的 复 用 ,避免 了 数据 库 连 接 频 繁 
建立 ,关闭 的 开销 。 

【 例 5-4】 下 面 以 Tomcat 数据 库 连接 池 配 置 为 例 , 介 绍 连接 MySQL 数据 库 的 应 用 
步 又。 

由 于 数据 库 连 接 池 是 采用 Tomcat 来 访问 数据 库 , 所 以 在 程序 中 不 用 写 访问 数据 库 的 
信息 ,但 需 先 配置 Tomcat 这 些 信息 。 

Tomcat 数据 库 连 接 池 配置 过 程 分 成 三 个 步骤 完成 : 

(1) 打开 Tomcat 安装 目录 下 的 “conf\context. xml” 配 置 文件 ,在 标签 < context > 中 加 
入 以 下 内 容 : 





< Resource name = "jdbc/booksdb" auth = "Container" type = "javax. sql.DataSource"maxIdle = "10" 
maxWait = "1000" maxActive = "10" username = "root" password = "123" 
driverClassName = "com. MySQL. jdbc. Driver" 
url = "jdbc:MySQL://localhost:3306/books"/> 


这 些 属性 的 含义 如 表 5-15 所 示 。 
表 5-15 ”Resource 属性 表 





键 名 含 莫 
name 指定 资源 相对 于 java:comp/env 上 下 文 的 JNDI 名 (可 按 需 修改 ) 
auth 指定 资源 的 管理 者 (默认 Container 即 可 ) 
type 指定 资源 所 属 的 Java 类 的 完整 限定 名 (默认 即 可 ) 
maxldle 指定 连接 池 中 保留 的 空闲 数据 库 连接 的 最 大 数目 (可 按 需 修改 ) 
maxWait 指定 等 待 一 个 数据 库 连 接 成 为 可 用 状态 的 最 大 时 间 ,单位 毫秒 (可 按 需 修改 ) 
username 指定 连接 数据 库 的 用 户 名 ( 按 读者 的 具体 情况 修改 ) 
password 指定 连接 数据 库 的 密码 ( 按 读者 的 具体 情况 修改 ) 
driverClassName 指定 JDBC 驱动 程序 类 名 
url 指定 连接 数据 库 的 URL, 具 体 值 可 参考 前 面 的 “常见 数据 库 JDBC URL 的 形式 ” 


(2) 在 项 目 WEB-INF 目录 下 找到 web. xml 配置 文件 ,然后 打开 ,在 标签 < web-app > 中 
加 入 以 下 内 容 : 


< resource 一 ref > 
< description> DB Connection </description> 
< res - ref - name > jdbc/booksdb </res - ref - name> 
<Ires -type> javax. sql. DataSource </res — type> 
< res - auth> Container </res - auth> 
</resource— ref > 
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其 中 ,DB Connection 是 自 定义 的 ; jdbc/course 是 对 应 上 面 < Resource > 标签 中 的 name 
属性 的 值 ; javax. sql. DataSource 对 应 的 是 type 属性 的 值 ; Container 对 应 的 是 auth 属性 
的 值 。 

(3) 将 JDBC 驱动 jar 包 (MySQL-connector-java-5. 0. 8-bin. jar) 放 到 Tomcat 安装 目录 
下 的 lib 文 件 夹 里 。 完 成 这 三 步 就 配置 好 Tomcat 数据 源 了 。 

关于 步骤 (3) ,要 明白 这 个 原理 : 由 于 是 使 用 Tomcat 提供 的 数据 源 实现 来 访问 数据 库 ， 
数据 源 本 身 并 不 提供 具体 的 数据 库 访问 功能 ,实际 的 数据 访问 操作 仍然 是 由 对 应 数据 库 的 
JDBC 驱动 来 完成 ,所 以 ,这 里 要 向 Tomcat 提供 JDBC 驱动 ,而 不 再 使 用 应 用 程序 中 的 
JDBC 驱动 。 

下 面 根据 刚才 配置 好 的 数据 源 做 一 个 简单 获取 数据 库 连接 的 测试 ,代码 如 下 : 

程序 (bookstore 项 目 \WebRoot\test\dbpooltest. jsp) 的 清单 : 





<% @ page language = "java" import = "java.util. * ,java. sql. * ,javax.naming. *, 
javax. sql. DataSource" pageEncoding = "utf 一 8" %> 
<html> 
<body> 
< table bgcolor = lightgrey> 
<tr> 
<td> ISBN</td><td> 书 名 </td>< td> 版 本 </td>< td> 出 版 时 间 </td>< td> 价 格 </td> 
</tr> 
<% 
InitialContext ctx; 
PreparedStatement pstmt = null; 
Connection conn = null; 
String sql = "select * from titles"; 
ctx = new InitialContext(); 
DataSource ds = (DataSource)ctx. lookup("java:comp/env/jdbc/booksdb" ); 
conn = ds.getConnection(); 
pstmt = conn.prepareStatement(sql); 
ResultSet rs = pstmt.executeQuery(); 
out. println(" 使 用 数据 库 连接 池 访 问 图 书 表 的 结果 < br >"); 
while (rs.next()) { 
第 > 
<tr bgcolor = cyan> 
<td> <% =rs.getString(1) %> </td> 
<td> <% =rs.getString(2) %> </td> 
<td><% =rs.getInt("editionNumber") %></td> 
<td><% =rs.getInt(4) %></td> 
<td><% =rs.getDouble("price") %></td> 
</tr> 
< 
conn. close(); 
conn= null; 
第 > 
</body> 


采用 数据 库 连 接 池 访 问 数据 库 的 程序 dbpooltest. jsp 运行 结果 如 图 5-12 所 示 。 
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文件 时 编辑 E) 查看 如) 收 茂 夹 &) 工具 并 ) ”帮助 0D 


























使 用 数据 库 连 接 池 访问 图 书 表 的 结 

ISEN 书 名 版 本 出 版 时 间 价格 
9787121072984 Java Web 整 合 开发 与 项 目 实战 1 2009 49.0 
9787121072985 Flex 3 RIA 开 发 详解 与 精深 实践 ”1 2009 44.0 
9787121072986 精通 EJB3. 0 2 2006 64.0 
9787811010101 JavaEE 编 程 技术 1 2002 38.0 
9787811010102 C++ 程序 设计 2 1998 50.0 
9787811010103 Java How to Program 2 1998 50.0 
9787811010121 The Complete CH+ Training Course3 2001 54.0 
9787811014322 Web 编 程 技 术 1 2008 36.0 
9787811019877 EJB JPA 数 据 库 持久 层 开发 3 2008 49.0 
9787811078661 精通 JavagFE 项 目 案例 1 2007 70.0 习 
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5-12 ”dbpooltest. jsp 运行 结果 


语句 ctx. lookup("java:comp/env/jdbc/booksdb"); 中 的 java:comp/env/ 部 分 是 不 变 
的 ,而 jdbc/studentdb 是 配置 时 命名 的 数据 源 名 称 。 
上 述 例 子 中 ,首先 使 用 Context initCtx 二 new InitialContext() 语 句 获取 一 个 初始 化 上 
下 文 对 象 ; 这 个 上 下 文 对 象 中 保存 着 数据 库 连 接 池 的 数据 源 对 象 ,继续 查找 jdbc/studentdb 
即 可 得 到 需要 的 数据 源 。 当 需要 使 用 连接 时 ,使 用 数据 源 对 象 的 getConnection 方法 即 可 
从 数据 库 连 接 池 中 申请 一 个 连接 。 
实际 运行 结果 完全 与 普通 的 JSP 访问 数据 的 运行 结果 一 致 。 它 们 之 间 的 区 别 仅仅 是 
数据 库 连 接 的 获取 方式 ,而 对 于 具体 的 数据 库 操作 处 理 , 没 有 任何 区 别 的 。 
需要 注意 的 是 finally 中 的 conn. close() 的 含义 ,这 里 的 数据 库 连 接 对 象 已 经 是 经 过 封 
装 了 的 对 象 ,因此 这 里 的 close 方法 仅仅 是 将 连接 交还 给 连接 池 而 已 。 至 于 连接 池 是 如 何 
管理 这 些 交还 回来 的 连接 ,对 连接 池 的 使 用 者 来 说 ,完全 是 透明 的 。 


习 题 5 


. 简 述 JDBC 框架 的 主要 组 成 部 分 。 
. JDBC 驱动 有 哪 4 种 类 型 ? 这 4 种 类 型 之 间 有 什么 区 别 ? 


.如 何在 Tomcat 中 配置 数据 库 连接 池 ? 


1 
2 
3. 使 用 JDBC 连接 数据 库 一般 需 要 哪 几 个 步骤 ? 
4 
5 


. 简 述 Statement 接口 中 定义 的 execute 方法 和 executeQuery 方法 的 使 用 场合 .返回 


类 型 及 意义 。 


6. 编写 程序 showstud. jsp ,页 面 显示 学 生 表格 ,浏览 数据 库 学 生 表 数 据 ,MySQL 数据 
库 为 stuDB, 用 户 名 为 root, 密 码 为 123, 表 名 为 students。 效 果 如 下 : 


学 号 


1400100001 


姓名 性 别 班级 email 
张 三 男 软件 01 zhangsan@163. com 
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7. 写 一 段 JDBC 连接 MySQL 数据 库 的 程序 ,实现 用 户 登录 ,包括 : 

(1) 建立 users 用 户 表 SQL 语句 。 

(2) login. htm 登录 表单 ,提交 至 check. jsp。 

(3) check. jsp 进行 用 户 验 证 ,与 数据 库 中 users 表 用 户 密码 对 比 ,成 功 则 将 用 户 密码 写 
入 session 并 转 到 loginsuccess. jsp, 失 败 转 回 login. htm。 

(4) loginsuccess. jsp 登录 成 功 页面 , 显 示 用 户 名 和 密码 。 








第 6 章 JavaBean 技术 


本 章 学 习 目 标 

。 掌握 JavaBean 的 定义 、 作 用 与 设计 方法 ; 
。 掌握 如 何在 JSP 页 面 中 使 用 JavaBean; 
。 掌握 设置 和 获取 JavaBean 属性 的 方法 ; Er 
。 掌握 网 上 书店 登录 模块 及 主页 面 的 设计 。 JavaBean 技术 





6.1 什么 是 JavaBean 


JavaBean 是 一 种 Java 语言 写成 的 可 重用 组 件 。JavaBean 是 一 种 特殊 的 Java 类 ,通过 
封装 属性 和 方法 成 为 具有 某 种 功能 或 者 处 理 某 个 业务 的 对 象 ,简称 Bean。 

JavaBean 具有 以 下 特点 。 

(1) JavaBean 的 类 必须 是 具体 的 和 公有 的 (public) 。JavaBean 必须 具有 一 个 无 参数 的 
构造 方法 。 如 果 在 JavaBean 中 自 定义 了 有 参 构造 方法 ,就 必须 再 添加 一 个 无 参 构 造 方 法 ， 
否则 将 无 法 设置 属性 。 这 个 无 参 构 造 方法 也 必须 是 public。 

(2) 类 中 的 属性 是 私有 的 (private) ,访问 属性 的 方法 都 必须 是 public。 

(3) 如 果 类 的 属性 名 是 xxx, 那 么 为 了 更 改 或 获取 属性 ,在 类 中 可 以 使 用 两 个 public 的 
getXxx 和 setXxx 方法 ,在 这 些 get 和 set 方法 中 ,属性 名 的 首 字母 应 为 大 写 。 

getXxx 方法 用 来 获取 属性 xxx。 

setXxx 方法 用 来 修改 属性 xxx。 

get 和 set 方法 并 不 一 定 是 成 对 出 现 的 。 如 果 只 有 get 方法 , 则 对 应 的 属性 为 只 读 
属性 。 

(4) 对 于 boolean 类 型 的 成 员 变 量 , 即 布尔 逻辑 类 型 的 属性 ,允许 使 用 is 方法 代替 上 面 
的 get 方法 。 

例如 ,Bean 中 的 性 别 属 性 male 的 类 型 可 以 写成 boolean 类 型 。 相 应 的 getMale 可 用 
isMale 替代 : 


private bool male; 
public bool isMale() 
{ 
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return this. male; 


} 
public void setMale(bool b) 


江 
this. male= b; 
有 


(5) JavaBean 处 理 表 单 很 方便 ,只 要 JavaBean 属性 和 表单 控件 名 称 吻合 ,采用 < jsp: 
useBean > 和 < jsp:setproperty > 标签 就 可 以 直接 得 到 表单 提交 的 参数 。 
JavaBean 从 应 用 形式 或 功能 上 一 般 可 以 分 为 封装 数据 的 JavaBean 和 封装 业务 的 


JavaBean 。 
封装 数据 的 JavaBean 强化 使 用 其 属性 存储 数据 的 作用 ,封装 业务 的 JavaBean 强化 其 
封装 业务 逻辑 功能 的 作用 。 


当然 ,有 些 情况 下 Bean 具有 双重 功能 , 既 有 业务 逻辑 的 处 理 功能 ,又 具有 一 些 需要 进出 
的 属性 值 ,无 法 确定 归属 数据 Bean 还 是 业务 Bean。 但 在 具有 复杂 业务 逻辑 的 Web 应 用 程 
序 中 ,一 方面 用 数据 Bean 实现 对 表单 输入 的 捕获 .保存 ,减少 对 数据 库 的 访问 ,或 将 数据 
Bean 放 在 一 定 作用 域内 ,使 此 作用 域内 的 多 个 JSP 页 面 共享 ; 另 一 方面 用 业务 Bean 完成 
操作 数据 库 ,数据 处 理 等 业务 逻辑 ,以 数据 Bean 或 页 面 传递 的 值 为 参数 。 

封装 数据 的 JavaBean 和 封装 业务 的 JavaBean 结构 略 有 不 同 , 下 面 分 别 举例 说 明 封 装 
数据 的 JavaBean 和 封装 业务 的 JavaBean。 

1. 封装 数据 的 JavaBean 

封装 数据 的 JavaBean 负责 数据 的 存 取 .需要 设置 多 个 属性 (类 的 成 员 变量 ) 及 其 值 的 存 
取 方法 。JavaBean 提供 了 高 层次 的 属性 概念 ,属性 在 JavaBean 中 不 只 是 传统 的 面向 对 象 的 
概念 里 的 属性 , 它 同 时 还 得 到 了 属性 读 取 和 属性 写 入 的 API 的 支持 。 如 果 属 性 名 字 是 xxx， 
则 getXxx 方 法 用 于 获取 属性 值 ; setXxx 方法 用 于 设置 或 更 改 属性 值 。 类 中 属性 名 第 一 个 
字符 应 当 是 小 写 , 其 访问 属性 应 当 是 private, 而 方法 的 访问 属性 都 必须 是 public。 

【 例 6-1】 一 个 封装 数据 的 JavaBean 例子 ,用 于 封装 网 上 书店 中 的 图 书 表 titles 中 的 一 
本 图 书信 息 。 

程序 (/bookstore 项 目 /src/bean/Title. java) 的 清单 : 


package bean; 

public class Title { 

private String isbn; //ISBN 号 

private String title; // 书 名 

private String copyright; // 版 权 

private String imageFile; // 封 面 图 像 文 件 名 称 
Private int editionNumber; // 版 本 号 

private int publisherId; // 出 版 商 Z 
private float price; // 价 格 


public String getIsbn() {return isbn;} 

public void setIsbn(String isbn) {this. isbn = isbn;} 
public String getTitle() {return title;} 

public void setTitle(String title) {this.title = title;} 


public String getCopyright() {return copyright;} 

public void setCopyright(String copyright) {this. copyright = copyright;} 
public String getImageFile() {return imageFile;} 

public void setImageFile(String imageFile) {this. imageFile = imageFile;} 
public int getEditionNumber() {return editionNumber;} 

public void setEditionNumber( int editionNumber) {this.editionNumber = editionNumber;} 
public int getPublisherId() {return publisherId;} 

public void setPublisherId( int publisherId) {this. publisherId = publisherId;} 
public float getPrice() {return price;} 

public void setPrice(float price) {this.price = price;} 

上 


以 上 代码 中 所 有 的 属性 是 private, 而 所 有 的 方法 是 public, 也 就 是 说 ,在 类 外 不 能 直接 
对 属性 操作 ,必须 通过 相应 的 set 和 get 方法 才能 对 属性 操作 ,这 样 才能 保证 数据 的 安全 。 
MyEclipse 可 以 快速 创建 JavaBean ,首先 创建 一 个 类 ,并 输入 所 有 的 属性 ,然后 在 这 个 类 上 
右 击 ,在 弹出 的 快捷 菜单 中 选择 * 源 代码 (Source)” 一 “生成 getter 和 setter 方法 (Generate 
Getters and Setters) "命令 ,在 弹出 的 对 话 框 中 选择 要 生成 get 和 set 方法 的 属性 , 单 击 “ 确 
定 ” 按 钮 可 生成 选中 属性 的 set 方法 和 get 方法 。 

封装 数据 的 JavaBean 的 属性 名 和 属性 类 型 应 当 与 数据 库 中 的 字段 名 和 字段 类 型 对 应 。 

【 例 6-2】 下 面 给 出 在 JSP 程序 中 使 用 JavaBean 的 程序 实例 。 

程序 (/bookstore 项 目 /WebRoot/test/titlebean. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset =utf -8" %> 
< jsp:useBean id = "title" class = "bean. Title" scope = "page"/> 
< html > 
<head> 
<title> Hello</title> 
</head> 
<body> 
<b>< center> 
<font size= 4 color = red> JSB 中 使 用 JavaBean 测试 </font> 
</center ></b> 
<hr><br> 
<% title. setIsbn("98780011"); 
title. setTitle("JSP Web 原理 与 应 用 教程 "); 
%> 
<i><font size="5"> 
图 书 Bean 的 书号 =<% = title. getIsbn()%><br> 
图 书 Bean 的 书 名 =<% = title. getTitle()%> 
</font ></i> 
</body> 
</html > 


程序 运行 结果 如 图 6-1 所 示 。 
语句 1 是 JavaBean 应 用 的 核心 语句 ,通过 < jsp:useBean > 标记 建立 JavaBean 和 本 JSP 
程序 的 联系 ,将 JavaBean 添加 到 本 JSP 程序 中 。 
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图 6-1 titlebean. jsp 运行 结果 


id 属性 指定 JavaBean 对 象 的 名 称 ,因为 同一 个 JSP 页 面 中 可 能 会 引入 多 个 JavaBean 
对 象 ,因此 ,必须 给 引入 的 JavaBean 对 象 命名 ,以 便 在 JSP 页 面 中 使 用 该 对 象 。 

class 属性 指定 引入 的 JavaBean 对 象 的 带路 径 类 名 ,scope 属性 设置 JavaBean 对 象 的 生 
命 期 。 

2. 封装 业务 的 JavaBean 

封装 业务 的 JavaBean 是 完成 一 定 运算 和 操作 功能 的 业务 类 ,主要 包含 一 些 特定 的 方 
法 ,进行 业务 处 理 。 使 用 JavaBean 一 定 程度 上 可 以 将 Java 处 理 代码 从 JSP 页 面 中 分 离 。 
就 上 述 封 装 数据 的 JavaBean 来 说 ,要 将 表单 中 的 用 户 输入 值 送 入 数据 库 中 相应 的 字段 ,或 
将 数据 库 中 的 字段 值 取 出 并 显示 到 网 页 中 ,需要 一 个 专用 的 Bean 与 上 述 封 装 数据 的 
JavaBean 配合 完成 操作 。 

下 面 的 封装 业务 的 JavaBean 设计 实例 中 ,分 别 设计 了 实现 数据 库 连 接 的 业务 Bean 和 
对 图 书 表 titles 操作 的 业务 Bean。 

设计 封装 业务 的 JavaBean, 实 现 对 books 数据 库 的 连接 。 该 类 可 供 ” 国 如 党 
JSP 程序 连接 数据 库 。 该 类 提供 创建 数据 库 连接 对 象 的 静态 方法 
getConnction ,在 这 个 静态 方法 中 加 载 JDBC 驱动 ,创建 与 MySQL 数据 






库 中 的 books 数据 库 的 连接 对 象 。 加 性 司 必 训 
程序 (bookstore 项 目 \src\bean\DBcon. java) 的 清单 : 封装 业务 的 JavaBean 
package bean; 


import java. sql. Connection; 

import java. sql. DriverManager; 

import java. sql. PreparedStatement; 

import java. sql. ResultSet; 

import java. sql. SQLException; 

public class DBcon { 
private static final String DRIVER CLASS = "com.mysql. jdbc.Driver"; 
private static final String url = "jdbc:mysql://localhost:3306/books? 
useUnicode = truegcharacterEncoding = UTF — 8"; 
private static final String user = "root"; 
private static final String psw = "123"; 
public static Connection getConnction() { 


Connection dbConnection = null; 
try { Class. forName(DRIVER CLASS); 
dbConnection = DriverManager.getConnection(url,user,psw); 
} catch (Exception e) { 
e.printStackTrace( ); 
} 
return dbConnection; 
} 
// 关 闭 连接 
public static void closeConnection(Connection dbConnection) { 
try{ 
证 (dbConnection != null && (!dbConnection. isClosed())) { 
dbConnection. close( ); 
} 
} catch (SQLException sqlEx) { 
sqlEx. printStackTrace( ); 
} 
b 
// 关 闭 结果 集 
public static void closeResultSet(ResultSet res) { 
try{ 
if (res != null) { 
res. close(); 
res = null; 
} 
} catch (SQLException e) { 
e. printStackTrace( ); 
} 
} 
public static void closeStatement (PreparedStatement pStatement) { 
try { 
if (pStatement != null) { 
pStatement. close(); 
pStatement = null; 
} 
} catch (SQLException e) { 
e. printStackTrace( ); 
} 


, 


下 面 是 在 JSP 中 使 用 封装 数据 库 连接 的 业务 Bean 的 应 用 实例 ,程序 中 使 用 DBcon. 
java 这 个 JavaBean 访问 books 数据 库 , 读 取 图 书 表 信 息 。 这 种 用 法 对 于 规模 较 大 的 系统 优 
越 性 尤为 明显 ,因为 ,如 果 数 据 库 的 连接 参数 有 了 改变 ,只 需 修改 DBcon. java, 其 他 使 用 这 
个 JavaBean 的 JSP 程序 不 必 做 任何 改动 。 

程序 (/bookstore 项 目 /WebRoot/test/listTitles_usebean. jsp) 的 清单 : 
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<% @ page language = "java" contentType = "text/html; charset = gbk" pageEncoding = "gbk" %> 
<% @page import = "java. sql. *" $%> 
< jsp:useBean id = "dbcon" class = "bean. DBcon" scope = "request"/> 


<html> 
<head> 
<title> 图 书 列表 </title> 
</head> 
<body> 


<table bgcolor= lightgrey> 
<tr><td> ISBN</td><td> 书 名 </td><td> 版 本 </td>< td> 出 版 时 间 </td>< td> 价 格 </td></tr> 
<% 
Connection dbCon = dbcon. getConnction(); 
Statement stmt = dbCon. createStatement( ); 
ResultSet rs = stmt.executeQuery("select * from titles"); 
while (rs.next()) { 
%> 
<tr bgcolor=cyan> 
<td> <% =rs.getString(1) %> </td> 
<td> <% =rs.getString(2) %> </td> 
<td><% =rs.getInt("editionNumber") %></td> 
<td><% =rs.getInt(4) %></td> 
<td><% =rs.getDouble("price") %></td> 
</tr> 
< 和 
} 
rs.close(); 
stmt. close( ); 
dbCon. close( ); 
第 > 
</table> 
</body> 
</html > 


程序 运行 结果 如 图 6-2 所 示 。 
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ISBN 书 名 版 本 出 版 时 间 价 
9787121072984 Java Web 整 合 开发 与 项 目 实战 1 2009 49.0 
9787121072985 Flex 3 RIA 开 发 详解 与 精深 实践 1 2009 44.0 
9787121072986 精通 EJB3. 0 2 2006 64.0 
9787811010101 JavaEE 编 程 技术 1 2002 38.0 
9787811010102 C++ 程序 设计 2 1998 50.0 
9787811010103 Java How to Program 2 1998 50.0 
9787811010121 The Complete CH+ Training Course3 2001 54.0 
9787811014322 Web 编 程 技 术 1 2008 36.0 
9787811019877 EJB JPA 数 据 库 持 久 层 开发 3 2008 49.0 
9787811078661 精通 JavagE 项 目 案 例 1 2007 70.0 
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图 6-2 listTitles_usebean. jsp 运行 结果 


【 例 6-3】 设计 封装 业务 的 JavaBean ,实现 对 图 书 表 titles 的 操作 。 该 业务 Bean 可 供 
JSP 页 面 操作 图 书 表 使 用 。 

在 Java 中 提倡 面向 接口 编程 ,这 样 的 程序 将 来 有 很 大 的 灵活 性 ,特别 是 在 多 层 体系 结 
构 中 。 当 一 个 类 实现 了 一 个 接口 时 ,必须 实现 接口 中 的 所 有 的 方法 。 在 编写 操作 books 数 
据 库 中 图 书 表 titles 的 业务 类 JavaBean 时 , 先 设计 操作 业务 接口 TitleDao, 青 实现 此 业务 接 
口 ,完成 操作 类 TitleDaoImpl 的 设计 。 

程序 (/bookstore 项 目 /src/bean/TitleDao. java) 的 清单 : 


// 图 书 表 titles 操作 业务 接口 TitleDao 

package bean; 

import java. util. List; 

public interface TitleDao { 
public List <Title> getTitles(); // 获 得 图 书 列表 
public int add(Title titlebean); // 添 加 图 书 
public int delete(String isbn); // 删 除 图 书 
public int update(Title titlebean); // 修 改 图 书 
public Title findBYIsbn(String isbn); 

} 


程序 (/bookstore 项 目 /src/bean/TitleDaolImpl. java) 的 清单 : 


// 图 书 表 titles 操作 业务 实现 类 TitleDaoImpl 
package bean; 
import java. sql. Connection; 
import java. sql. PreparedStatement; 
import java. sql. ResultSet; 
import java. sql. SQLException; 
import java. util. ArrayList; 
import java. util. *; 
public class TitleDaoImpl] implements TitleDao { 
private Connection connection; 
private PreparedStatement titlesQuery; 
private ResultSet results; 
// 获 取 图 书 表 Titles 中 的 所 有 图 书 ,返回 所 有 图 书 Bean 的 列表 集合 
public List <Title> getTitles() { 
List <Title> titlesList = new ArrayList <Title>(); 
try { // 获 取 图 书 表 数 据 集 ResultSet results 
connection = DBcon. getConnction(); 
titlesQuery = connection. prepareStatement("SELECT isbn, title, editionNumber, 
copyright," + " publisherID, imageFile, price" + ”FROM titles ORDER BY title"); 
ResultSet results = titlesQuery. executeQuery(); 
while (results. next()) { // 循 环 逐 行 读 取 数据 
Title book = new Title(); // 每 行 创建 一 个 封装 图 书信 息 的 Bean 
// 将 图 书 表 中 的 每 条 记录 封装 为 数据 Bean 并 添加 到 集合 类 中 
book. setIsbn(results. getString("isbn")); 
book. setTitle(results. getString("title")); 
book. setEditionNumber(results. getInt("editionNumber")); 
book. setCopyright(results. getString("copyright")); 
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book. setPublisherId(results. getInt("publisherID")); 
book. setImageFile(results. getString("imageFile")); 
book. setPrice(results. getFloat ("price")); 


titlesList. add(book); // 将 图 书 Bean 添加 到 集合 类 中 
| 
} 
catch (SQLException exception) {exception. printStackTrace( );} 
finally { // 释 放 资 源 


DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection(connection); 
1 
return titlesList; 
} 
// 在 图 书 表 titles 中 插入 新 记录 ,将 给 定 的 图 书 Bean 添加 到 图 书 表 titles 中 
public int add(Title titlebean) { 
int result = 0; 
try { 
connection = DBcon. getConnction(); 
String sql = "insert into titles(isbn,title, editionNumber,"; 
sql += "copyright, publisherID, imageFile, price) values(?,?,?,?,?,?,?)"; 
titlesQuery = connection. prepareStatement(sql); 
titlesQuery. setString(1, titlebean. getIsbn()); 
titlesQuery. setString(2, titlebean. getTitle()); 
titlesQuery. setInt(3, titlebean. getEditionNumber( )); 
titlesQuery. setString(4, titlebean. getCopyright( )); 
titlesQuery. setInt(5, titlebean. getPublisherId( )); 
titlesQuery. setString(6, titlebean. getImageFile( )); 
titlesQuery. setFloat(7, titlebean. getPrice()); 
result = titlesQuery. executeUpdate(); 
} catch (Exception e) { 
e. printStackTrace( ); 
} 
// 释 放 资 源 
finally { 
DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection( connection); 
} 
return result; 
} 
// 根 据 图 书 ISBN 删除 记录 
public int delete(String isbn) { 
int result = 0; 
try { 
connection = DBcon. getConnction(); 
String sql = "delete from titles where isbn='" + isbn + "'"; 
titlesQuery = connection. prepareStatement(sql); 
result = titlesQuery. executeUpdate(); 


} catch (Except 


ion e) { 


e. printStackTrace( ); 


} 
// 释 放 资 源 
finally { 


DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection(connection); 


} 


return result; 


} 


// 根 据 图 书 Bean 更 新 图 书 表 titles 中 的 图 书记 录 
public int update(Title titlebean) { 


int result = 0; 


try{ 
connection 


String sql 


sql += "copyright =?,publisherID=?, imageFile=?,price 


= DBcon. getConnction(); 
= "update titles set title=?, editionNumber =?, "; 
? where isbn=?"; 





titlesQuery = connection. prepareStatement(sql); 
titlesQuery. setString(1, titlebean. getTitle()); 
titlesQuery. setInt(2, titlebean. getEditionNumber( )); 
titlesQuery. setString(3, titlebean. getCopyright( )); 
titlesQuery. setInt(4, titlebean. getPublisherId()); 
titlesQuery. setString(5, titlebean. getImageFile()); 
titlesQuery. setFloat(6, titlebean. getPrice()); 
titlesQuery. setString(7, titlebean. getIsbn()); 
result = titlesQuery. executeUpdate(); 

} catch (Exception e) { 
e. printStackTrace( ); 


} 
// 释 放 资 源 
finally { 


DBcon. closeResultSet(results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection(connection); 


} 


return result; 


// 根 据 ISBN 查找 图 书 ,返回 找到 的 图 书 Bean 
public Title findByIsbn(String isbn) { 
Title book = null; 


try{ 
connection 
String sql 


= DBcon. getConnction(); 
= "SELECT * FROM titles where isbn='" + isbn + "'"; 


titlesQuery = connection. prepareStatement(sql); 


results = 


titlesQuery. executeQuery( ); 


if (results. next()) { 


book = 
// 将 数 


new Title(); // 每 次 创建 一 个 封装 类 的 实例 
据 表 中 的 一 条 记录 数据 添加 到 封装 类 中 


book. setIsbn(results. getString("isbn")); 
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book. setTitle(results. getString("title")); 
book. setEditionNumber(results. getInt("editionNumber")); 
book. setCopyright(results. getString("copyright")); 
book. setPublisherId(results. getInt("publisherID")); 
book. setImageFile(results. getString("imageFile")); 
book. setPrice(results. getFloat ("price")); 
} 
} catch (Exception e) { 
e.printStackTrace( ); 
} finally { 
DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection(connection); 


: 
return book; 


} 


在 这 个 业务 类 中 提供 了 针对 数据 库 books 中 图 书 表 titles 的 常用 操作 ,其 中 getTitles 
方法 返回 了 图 书 表 titles 中 的 所 有 图 书 数据 ,并 将 这 些 图 书 数据 封装 在 一 个 List 集合 中 ,这 
个 类 之 所 以 能 将 图 书 数据 封装 在 List 中 ,就 是 因为 有 了 封装 图 书 数据 的 JavaBean 类 
Titles。 方 法 add(Titles title) 实 现 添加 图 书 功能 .方法 delete(String isbn) 实 现 删除 图 书 功 
能 ,方法 update(Titles title) 实 现 修改 图 书 属性 功能 ,方法 findByIsbn(String isbn) 实 现 根 
据 书 号 查找 图 书 的 功能 ,找到 的 图 书 也 以 图 书 Bean 的 数据 封装 形式 返回 。 


6.2 在 JSP 中 使 用 JavaBean 


使 用 JavaBean 的 最 大 好 处 之 一 就 是 可 以 实现 代码 的 复 用 。 对 
于 在 JavaBean 中 的 代码 ,读者 完全 可 以 将 它们 直接 在 JSP 页 面 程 
序 中 以 JSP 代码 段 的 形式 使 用 ,但 是 ,如 果 将 这 些 代码 组 织 为 
JavaBean 的 形式 ,就 可 以 在 很 大 程度 上 保持 这 些 代 码 的 可 重用 性 
和 可 维护 性 ,对 于 规模 较 大 的 项 目 , 这 种 感觉 将 尤为 明显 。 

因此 ,在 编写 JSP 文件 时 ,对 于 一 些 常 用 的 复杂 功能 ,通常 将 它们 的 共同 功能 抽象 出 
来 ,组 织 为 JavaBean。 当 需要 在 某 个 页 面 中 使 用 该 功能 时 ,只 要 调用 该 JavaBean 中 的 相应 
方法 ,而 不 必 在 每 个 页 面 中 都 编写 实现 这 个 功能 的 详细 代码 ,这样 就 实现 了 代码 的 重用 。 当 
需要 进行 修改 时 ,只 需要 修改 这 个 JavaBean 就 可 以 了 ,也 无 须 再 去 修改 每 一 个 调用 该 
JavaBean 的 页 面 ,这 样 一 来 ,就 实现 了 良好 的 可 维护 性 。 

在 JSP 页 面 中 ,通常 使 用 < jsp: useBean >、< jsp: setProperty > 和 < jsp: getProperty > 三 个 
JSP 动作 元 素 使 用 JavaBean。 下 面 对 此 逐一 进行 讨论 。 





在 JSP 中 使 用 JavaBean 


6.2.1 <jsp:useBean > 


<jsp:useBean > 动作 用 于 在 JSP 页 面 中 实例 化 一 个 或 多 个 JavaBean 组 件 , 这 些 被 实例 
化 的 JavaBean 对 象 可 以 在 JSP 页 面 中 被 调用 。 它 的 语法 格式 为 : 


< jsp:useBean id = "name" class = "classname" scope = "page|request| session|application"/> 


其 中 属性 含义 如 下 : 
"id: 用 来 声明 所 创建 的 JavaBean 实例 的 名 称 , 在 页 面 中 可 以 通过 id 的 值 来 引用 
JavaBean。 
class: 指定 需要 实例 化 的 JavaBean 的 完整 路 径 和 类 名 。 
scope: 指定 JavaBean 实例 对 象 的 生命 周期 。 其 值 可 以 是 page、request、session 和 
application 之 一 。 

(1) page 范围 的 JavaBean 仅仅 在 创建 它们 的 页 中 才能 访问 。 一 个 page 范围 的 
JavaBean 经 常用 于 单一 实例 计算 和 事务 ,而 不 需要 进行 跨 页 计算 的 情况 。 

(2) request 范围 的 JavaBean 在 客户 端的 一 次 请 求 响应 过 程 中 均 有 效 。 在 这 个 请 求 过 
程 中 ,并 不 一 定 只 在 一 个 页 面 有 效 。 当 一 个 页 面 提交 以 后 ,响应 它 的 过 程 可 以 经 过 一 个 或 一 
系列 页 面 ,也 就 是 说 ,可 以 由 响应 它 的 页 面 青 经 < jsp:forward > 转发 指令 或 <jsp:include > 包 
含 指令 转 到 其 他 页 面 进行 处 理 , 最 后 所 有 页 面 都 处 理 完 返 回 客户 端 ,整个 过 程 都 是 在 一 次 请 
求 过 程 中 ,共享 request 范围 的 JavaBean。 

(3) session 范围 的 JavaBean 在 客户 端的 同一 个 session 过 程 中 均 有 效 ,服务 器 会 为 新 
访问 的 用 户 创建 HttpSession 对 象 .这 也 是 在 其 中 存储 session 范围 的 JavaBean 的 地 方 。 

(4) application 范围 内 的 JavaBean 一 旦 建立 ,除非 调用 代码 将 其 撤销 ,或 服务 器 重新 启 
动 , 否 则 此 JavaBean 的 实例 将 一 直 驻 留 在 服务 器 内 存 中 。 

<jsp:useBean > 除了 id、scope 和 class 属性 以 外 ,还 有 其 他 两 种 可 供 使 用 的 属性 : type 
和 beanName。 这 些 属性 及 说 明 如 表 6-1 所 示 。 

表 6-1 <jsp:useBean > 属性 及 说 明 

属性 说 明 

id 指定 id 参数 ,以 方便 在 指定 范围 内 加 以 引用 。 这 个 变量 是 大 小 写 敏 感 的 。 在 载 人 JSP 页 
面 时 ,如 果 第 一 次 发 现在 某 一 范围 内 某 一 id 的 < jsp:useBean > 动作 , 则 服务 器 会 实例 化 一 
个 新 的 JavaBean 对 象 。 如 果 在 此 范围 内 已 经 有 相同 id 的 JavaBean 的 引用 , 则 使 用 已 经 实 


例 化 的 对 象 。 这 样 ,就 可 以 在 一 定 范围 内 共享 一 个 JavaBean 的 实例 。 需 要 注意 的 是 , 即 
便 是 JavaBean Scope 和 class 不 同 , 也 不 能 在 同一 个 页 面 中 使 用 相同 的 id 命名 两 个 不 同 的 





JavaBean 

class 在 此 指定 Bean 所 在 的 包 名 和 类 名 

scope 限定 了 Bean 的 有 效 范 围 。 该 属性 可 以 有 4 种 选项 : page、request、session 和 application 。 
默认 是 page 

type type 属性 的 值 必须 和 类 名 或 父 类 名 或 者 类 所 实现 的 接口 名 相 匹配 。 记 住 , 该 属性 的 值 是 
经 由 id 属性 设置 的 

beanName ”给 Bean 设 定名 称 , 据 此 来 实例 化 相应 的 Bean。 人 允许 同时 提供 type 和 beanName 属性 而 忽 
略 class 属性 


6.2.2 <jsp:setProperty > 
在 JSP 页 面 中 设置 和 获取 JavaBean 的 属性 ,除了 调用 JavaBean 的 setXxx 和 getXxx 方法 
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外 ,还 可 以 使 用 JSP 动作 指令 <jsp:setProperty > 和 < jsp:getProperty >, 后 者 特别 是 在 接收 
表单 参数 时 尤为 方便 。 

使 用 < jsp: setProperty > 设 定 Bean 的 属性 值 的 语法 形式 分 三 种 情况 ,以 图 书 bean 
CTitle. java) 为 例 说 明 如 下 。 

(1) 当 表单 对 象 中 的 参数 名 称 与 Bean 的 属性 名 称 一 致 时 ,可 采用 如 下 简便 的 形式 ,将 
表单 对 象 中 的 参数 值 赋 给 JavaBean 的 同名 属性 : 


< jsp:useBean id = "title" class = "bean. Title" scope = "page"/> 
< jsp:setProperty name = "title" property= "*"/> 


name 一 "title" 的 意思 是 JavaBean 对 象 的 名 称 , 指 明了 将 对 哪个 JavaBean 对 象 的 属性 
设 值 ,因为 有 时 在 一 个 JSP 页 面 中 可 能 有 多 个 JavaBean 存在 。JavaBean 对 象 的 名 称 是 由 
<jsp:useBean > 动作 指令 的 id 属性 确定 的 。 

property 一 "x "的 意思 是 接收 来 自 表单 输入 的 所 有 与 属性 名 相同 的 参数 值 , 它 会 自动 
匹配 Bean 中 的 属性 ,要 保证 JavaBean 的 属性 名 必须 和 request 对 象 的 参数 名 一 致 。 如 果 
request 对 象 的 参数 值 中 有 空 值 ,那么 对 应 的 JavaBean 属性 将 不 会 设 定 任何 值 。 同 样 ,如 果 
JavaBean 中 有 某 些 属性 没有 与 之 对 应 的 request 参数 值 ,那么 这 些 属性 也 不 会 设 定 。 这 种 
方式 简称 “一 一 映射 ”。 

(2) 当 表单 对 象 中 的 参数 名 称 与 Bean 的 属性 名 称 不 一 致 时 , 则 需要 逐个 设 定 属性 值 ， 
而 且 要 通过 param 指明 属性 值 来 自 表单 的 哪个 参数 。 具 体 语 法 形式 如 下 : 


< jsp:useBean id = "title" class = "bean. Title" scope = "page"/> 
< jsp:setProperty name = "title" property= "isbn" param = "parameterIsbn"/> 


这 里 由 于 表单 参数 与 JavaBean 的 属性 名 不 一 致 ,表示 将 表单 参数 "parameterIsbn" 的 值 
赋 给 名 称 为 "title" 的 JavaBean 的 属性 "isbn"。 

这 种 情况 使 用 request 中 的 指定 的 参数 值 来 设 定 JavaBean 中 的 指定 属性 值 , 不 要 求 参 
数 名 称 与 Bean 对 象 的 属性 名 称 一 致 。 在 这 个 语法 中 ,property 指定 Bean 的 属性 名 ,param 
指定 request 中 的 参数 名 。 如 果 Bean 属性 与 request 参数 的 名 字 不 同 , 那 么 在 指定 property 
的 同时 还 必须 指定 param; 如 果 它 们 同名 ,只 需要 指明 property 就 行 了 。 如 果 参 数值 为 空 
(或 未 初始 化 ) ,那么 对 应 的 Bean 属性 不 被 设 定 。 

(3) 使 用 < jsp:setProperty > 动作 指令 ,用 value 指定 的 任意 值 给 JavaBean 的 属性 赋 
值 ,语句 如 下 : 


< jsp:useBean id = "title" class = "bean. Title" scope = "page"/> 
< jsp:setProperty name = "title" property= "title" value="{string}" /> 
< jsp:setProperty name = "title" property= "isbn” value= "{ <% = expression %>}"/> 


使 用 value 指定 的 属性 值 可 以 是 字符 串 .也 可 以 是 表达 式 。 如 果 是 字符 串 ,那么 它 就 会 
被 转换 成 Bean 属性 的 类 型 。 如 果 它 是 一 个 表达 式 ,那么 它 的 类 型 就 必须 和 它 将 要 设 定 属性 
值 的 类 型 一 致 。 如 果 参 数值 为 空 ,那么 对 应 的 属性 也 不 会 被 设 定 。 

<jsp:setProperty > 指令 标记 的 属性 意义 见 表 6-2。 


属性 


表 6-2 <jsp:setProperty > 属性 及 说 明 
说 明 





name 


property 


param 


value 


6.2.3 


指明 需要 对 哪 一 个 Bean 设 定 属性 。 该 值 已 经 预先 由 < jsp: useBean > 中 的 id 设 定 , 且 < jsp: 
useBean > 必须 出 现在 <jsp:setProperty > 之 前 
指明 了 对 指定 Bean 的 哪 一 个 属性 赋值 。 如 果 属 性 名 为 ** ”, 则 表明 所 有 与 Bean 属性 名 字 
匹配 的 request 参数 都 将 其 值 传递 给 JavaBean 相对 应 的 属性 (注意 ,并 非 是 JavaBean 类 中 的 
类 属性 ,而 是 set 和 get 方法 对 应 的 属性 ) 
指明 了 需要 从 哪个 request 参数 获取 属性 值 ,并 将 该 值 赋 子 property 指定 的 JavaBean 属性 。 
如 果 request 对 象 没有 这 样 的 属性 , 则 不 会 进行 任何 操作 。 但 是 系统 不 允许 设置 该 值 为 
null, 因 此 ,可 以 直接 使 用 默认 值 ,只 有 在 确定 需要 时 才 用 相应 的 request 参数 进行 覆盖 。 例 
如 ,以 下 代码 片段 设置 cpuType 属性 值 为 “Cpu” 参 数 中 的 值 (如 果 “Cpu” 参 数 存在 的 话 ) ,和 否 
则 不 发 生 任 何事 件 

< jsp: setProperty name = "ComputerBean” 

property = "cpuType" 

param = "Cpu" /> 
如 果 同 时 省 略 了 value 和 param 属性 , 则 等 价 于 设置 param 属性 值 和 property 属性 值 一 致 。 
可 以 采用 以 下 所 述 方式 自动 实现 request 参数 和 property 属性 值 相 匹 配 , 即 设置 property 值 
为 “* ”并 同时 省 略 value 和 param。 在 这 种 设置 下 ,系统 会 将 可 行 的 property 值 和 request 
参数 自动 匹配 起 来 
该 属性 为 可 选 , 设 定 了 属性 的 值 。 该 属性 具有 数据 类 型 自动 转换 功能 


<jsp:getProperty > 


<jsp:getProperty > 与 <jsp:setProperty > 对 应 ,用 于 从 JavaBean 中 获取 指定 的 属性 值 。 
这 个 动作 元 素 相 对 比较 容易 ,只 需要 指定 name 参数 和 property 参数 。name 即 为 在 
<jsp:useBean > 动作 指令 中 定义 的 表示 JavaBean 对 象 名 称 的 id 属性 ,property 属性 则 指定 
了 想 要 获取 的 JavaBean 的 属性 名 。 

其 语法 结构 为 : 


< jsp:getProperty name = "beanInstanceName" property = "propertyName" /> 


例如 : 


< jsp:useBean id = "title" class = "bean. Title" scope = "page" /> 
< jsp:getProperty name = "title" property = "isbn" /> 
< jsp:getProperty name = "title" property= "title" /> 


注意 : 在 使 用 <jsp:getProperty > 动作 指令 之 前 ,要 务必 保证 已 经 存在 指定 的 JavaBean 
实例 ,而 且 要 保证 该 实例 对 象 中 存在 property 指定 的 属性 ,否则 ,如 果 在 该 Bean 中 不 存在 
property 指定 的 属性 , 则 会 抛 出 NullPointerException 异常 。 

<jsp:useBean > 经 常 和 < jsp: setProperty > 以 及 < jsp: getProperty > 动作 一 起 使 用 。 
<jsp:setProperty > 可 以 对 JSP 页 面 的 Bean 的 属性 赋值 ,而 < jsp:getProperty > 可 以 将 JSP 页 面 
中 的 Bean 的 属性 值 显示 出 来 。 下 面 通过 一 个 例子 来 说 明 这 三 个 JSP 动作 的 使 用 方法 。 
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【 例 6-4】 通过 表单 向 JSP 页 面 传递 参数 ,JSP 页 面 中 使 用 JavaBean 接收 参数 。 
inputProperty. jsp 程序 中 给 了 两 个 表单 ,分 别 输入 参数 ,第 1 个 表单 提交 给 bean_testl. jsp， 
表单 中 的 参数 名 称 与 JavaBean 的 属性 名 称 不 一 致 ; 第 2 个 表单 提交 给 bean_test2. jsp, 表 
单 中 的 参数 名 称 与 JavaBean 的 属性 名 称 一 致 。 阅 读 程序 时 ,注意 斜体 部 分 ,理解 JavaBean 
两 种 设置 属性 值 的 方法 有 何不 同 。 

程序 (/bookstore 项 目 /WebRoot/test/inputProperty. jsp) 的 清单 : 


<$% @ page language = "java" import = "java.util. *" pageEncoding= "utf 一 8" %> 
<% 
String path = request. getContextPath(); 
String basePath = request. getScheme() +"://"+request.getServerName() +":"+ request. 
getServerPort() + path +"/";%> 
<html> 
<head> 
<base href ="<% = basePath%>"> 
<title> 输 入 JavaBean 的 属性 </title> 
</head> 
<body> 
提交 给 bean_test1. jsp 的 表单 : <br> 
< form action = "test\bean test1. jsp" Method = "post"><p> 
输入 ISBN:< input type = text name = "paramisbn"><p> 
输入 书 名 : < input type = text name = "paramtitle"> 
< input type = submit value = "提交 "> 
</form> <hr><p> 
提交 给 bean_test2. jsp 的 表单 :< br> 
< form action = "test\bean_test2. jsp" Method = "post"><p> 
输入 ISBN:< input type = text name = "isbn"><p> 
输入 书 名 : < input type = text name = "title"> 
< input type = submit value= "提交 "> 
</form> 
</body> 
</html > 


程序 (/bookstore 项 目 /WebRoot/test/bean_testl. jsp) 的 清单 : 


<$% @ page language = "java" import = "java.util. *" pageEncoding = "utf ~- 8" %> 
< jsp:useBean id = "title" class = "bean.Title" scope ="page"/> 
<% 
String path = request. getContextPath(); 
String basePath = request.getScheme() +"://"+request.getServerName()+":"+ 
request. getServerPort() + path+ "/"; 

先 > 
< html > 

< head> 

<base href = "<$% = basePath%>"> 
</head> 
< body> 
逐个 设置 Bean 对 象 属性 的 测试 结果 : <br> 


<% request. setCharacterEncoding("utf 一 8"); %> 
< jsp:setProperty name = "title" property = "isbhn" param = "paramisbn"/> 
< jsp:setProperty name = "title" property = "title" param = "paramtitle"/> 
< jsp:setProperty name = "title" property = "copyright" value = "98780010 -18-1"/> 
书号 : <jsp:getProperty name = "title" property = "isbn"/><br > 
书 名 : <jsp:getProperty name = "title" property = "title"/><br > 
版 权 号 : <jsp:getProperty name = "title" property = "copyright"/> 
</body> 
</html > 


程序 (/bookstore 项 目 /WebRoot/test/bean_test2. jsp) 的 清单 : 


< 多 @ page language = "java" import = "java.util. *" pageEncoding = "utf -8" %> 

< jsp:useBean id = "title" class = "bean.Title" scope = "Page"/> 

<% 

String path = request.getContextPath(); 

String basePath = request.getScheme() +"://" + request.getServerName()+":"+ 
request. getServerPort() + path+ "/"; 


%> 
<html> 
<head> 
<base href ="<% = basePath%>"> 
</head> 
<body> 
自动 获取 表单 参数 并 设置 Bean 对 象 属性 的 测试 结果 : < br > 
<% request. setCharacterEncoding("utf ~- 8"); %> 
< jsp:setProperty name = "title" property = "x* "/> 
书号 : <jsp:getProperty name = "title" property = "isbn"/><br > 
书 名 : <jsp:getProperty name = "title" property = "title"/><br > 
</body> 
</body> 
</html> 


程序 运行 结果 如 图 6-3 所 示 。 
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输入 ISBN- 9988776655 
自动 获取 表单 参数 并 设置 Bean 对 象 属性 的 测试 结果 
输入 书 名 : SP Web 原理 与 应 用 书号 ，9988776655 
忆 书 名 :， JSP Web 原 理 与 应 用 = 
ECT I [rn ral 
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图 6-3 JSP 页 面 表单 参数 传递 结果 
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6.3 项 目 案例 2 网 上 书店 用 户 登录 设计 


本 节 完 成 网 上 书店 项 目 用 户 登录 部 分 的 程序 设计 。 用 户 从 登录 页 面 
index. html 的 表单 中 输入 用 户 名 和 密码 ,提交 给 验证 页 面 checkUser. jsp 
对 用 户 进行 验证 。 在 验证 页 面 checkUser. jsp 程序 中 使 用 JavaBean 访问 
数据 库 ,查询 用 户 信息 。 ls 

【 例 6-5】 网 上 书店 项 目 用 户 登 录 部 分 的 程序 设计 实例 ,用 户 登 录 界 网 上 书店 用 户 
面 如 图 6-4 所 示 。 该 部 分 主要 包含 index. html、checkUser. jsp、style. css、 登录 设计 
left. jsp、right. jsp 等 程序 的 设计 ,程序 代码 清单 如 下 。 

程序 (/bookstore 项 目 /WebRoot/index. html) 的 清单 : 





<html> 
<head> 
<title > 网 上 书店 项 目 实 训 </title> 
< Script language = "javascript" type= ""> 
function RegsiterSubmit(){ ”// 对 用 户 名 和 密码 文本 框 进行 不 为 空 的 校 验 函 数 
with(document. Regsiter){ // 为 下 面 语句 块 中 的 变量 指明 所 属 对 象 
// 相 当 于 var user = document. Regsiter. loginName. value; 
var user = loginName. value; 
Var pass = password. value; 
if(user == null || user ==""){alert(" 请 填写 用 户 名 ");} 
else if(pass == null | pass == ""){alert(" 请 填写 密码 ");} 
else submit( ); 


} 
</script> 
</head> 
<body> 
<table> 
<tr><td>< img SRC = images/top. jpg ></img></td></tr> 
<tr><td align = "center"><p> 
< font color = "red" size= "5" style= "font - family:simhei"> 请 登录 : </font ><p> 
< form method = "post" name= "Regsiter" action= "checkUser. jsp" target =" blank"><p> 
用 户 名 :< input type = "text" name = "loginName" size="20"><p> 
密码 :< input type = "password" name = "password" size="20"><p> 
< input type = "button" value = "提交 "name = "Bl1" onclick = "RegsiterSubmit()"> 
<input type = "reset" value = " 重 置 " name = "B2"> 
</form> 
</td></tr> 
</table> 
</body> 
</html > 


以 上 为 用 户 登 录 页 面 ,页 面 中 利用 JavaScript 函数 对 两 个 文本 框 进行 了 数据 有 效 性 检 
验 ,保证 提交 到 服务 器 的 数据 不 为 空 。 这 是 在 工程 中 是 经 常 使 用 的 方法 。 
其 中 使 用 with 语句 为 语句 块 设 定 默 认 对 象 ,有 了 with 语句 ,在 存 取 对 象 属性 和 方法 时 


[TE dovs Internet Ezp1orer | 
回 http://localhost:8080/bookstore/index. html 了 | 





网 上 书 启 


请 登录 : 
用 户 名 : 
密 码 : 
时 到 | 本 到 | 








i EE 


6-4 ”网 上 书店 登录 界面 





就 不 用 重复 指定 参考 对 象 了 。 在 with 语句 块 中 ,凡是 JavaScript 不 识别 的 属性 和 方法 都 和 
该 语句 块 指定 的 对 象 有 关 。 
在 表单 中 输入 用 户 名 和 密码 后 ,就 提交 给 checkUser. jsp 页 面 进行 数据 库 用 户 验证 。 
checkUser. jsp 程序 中 ,使 用 前 面 已 设计 用 于 连接 数据 库 的 JavaBean(Dbcon. java) 来 获取 数 
据 库 连接 对 象 , 以 将 连接 数据 库 的 业务 处 理 与 JSP 程序 分 离 ,使 得 程序 结构 更 为 清晰 。 
程序 (/bookstore 项 目 /WebRoot/checkUser. jsp) 的 清单 : 


<% @ page language = "java" import = "java. sql. * " contentType = "text/html; charset =utf -8" %> 
< jsp:useBean id = "db" class = "bean. DBcon" scope = "request"/> 
<html> 
<head> 


<title > 登录 验证 页 面 [checkUser. jsp]</title> 


</head> 
<body> 


< 第 


先 > 


< 第 


request. setCharacterEncoding("GBK" ) 7 
String name = request. getParameter("loginName"); 
String password = request. getParameter( "password" ); 


你 输入 的 用 户 名 是 : <% = name %><br><br> 
Connection con = db. getConnction(); 


Statement stmt = con.createStatement(); 
String sql = "select x* from userinfo"; 


// 解 决 post 提交 的 中 文 乱码 


// 查 询 userinfo 表 中 的 用 户 信 息 


sql += " where loginname = '" + name + "'and password = '" + password + """; 
ResultSet rs = stmt.executeQuery(sql); 
证 (rs. next()) // 验 证 通过 
{ session. setAttribute("userName", name); // 将 用 户 名 保存 到 session 中 
response. sendRedirect("main. jsp"); 
} 
else{ // 验 证 未 通过 


out. print(" 无 此 用 户 或 密码 有 误 , 登录 失败 !< br >< br >"); 
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out. print("<a href = 'index.html> 重 新 登录 <//a>"); 
} 
第 > 
</body> 
</html > 


验证 成 功 后 , 转 主页 main. jsp, 该 页 面 采用 div-css 样式 布局 。 其 中 ,< iframe > 属于 
HTML 标签 ,是 内 符 浮 动 的 框架 。 

下 面 是 与 主页 面 main. jsp 相关 的 程序 代码 。style. css 文件 用 于 DIV 十 CSS 样式 布局 ， 
left. jsp 和 right. jsp 分 别 作为 框架 布局 的 资源 文件 。 

程序 (/bookstore 项 目 /WebRoot/css/style. css) 的 清单 : 


body {margin:0 px; text - align:center;background: # ffffff;} 

#container {width:800px; height:600px; background:yellow; margin:auto Opx;} 
#header{float: left;width:800px; height:100px;margin:auto Opx;clear:both;background: red;} 
.nav{width:800px; height:5px; line — height:5px;margin:auto Opx;clear:both; background: # ff;} 
. left main{margin:Opx;float: left;width:180px; height :425px; background: # 66ddff; clear:right;} 

,right main{margin:Opx;float:right;width:620px; height:425px; background: yellow; clear: right; } 


程序 (/bookstore 项 目 /WebRoot/main. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset =utf -8" %> 
<html> 
<head> <title> 网 上 书店 项 目 实 训 </title> 
<link rel = "stylesheet" type = "text/css" href = "css/style.css"/> 
</head> 
<body> 
<div id= "container"> 
<div id = "header">< img SRC = images/top. jpg ></img> </div> 
<div class = "nav">.</div> 
<div class = "left_main”> 
< iframe width= 180px height = 425px SRC= left. jsp></iframe> 
</div> 
<div class = "right main" > 
< iframe name = "main" width = 620px height = 425px SRC = right. jsp></iframe> 
</div> 
</div> 
</html > 


主页 面 中 涉及 两 个 框架 子 页面 left. jsp 和 right. jsp。 
程序 (/bookstore 项 目 /WebRoot/left. jsp) 的 清单 : 


<% 四 page language = "java" import = "java.util. *" pageEncoding= "utf ~- 8" %> 
< 第 String path = request. getContextPath( ) ; 
String basePath = request. getScheme() + "://" + request. getServerName() + ":" + request. 
getServerPort() + path+ "/"; 
%> 


< html > 
< body> 
< font color = "blue" size= "3"> 当 前 用 户 : 
<% = request. getSession().getAttribute("userName") %></font><hr> 
<font color = "red" size= "4" style= "font - family:simhei"> 前 台 系统 </font ><hr> 
<a href = viewBook. jsp target = main > 浏览 图 书 </a><br><br> 
<font color = "red" size= "4" style= "font - family:simhei"> 后 台 系 统 </font > <hr> 
<a href = listBook. jsp target = main > 书架 维护 </a> 
</body> 
</html > 


程序 (/bookstore 项 目 /WebRoot/right. jsp) 的 清单 


<% @ page language = "java" import = "java.util. *" pageEncoding = "utf 一 8" 委 > 
< htm]l > 
< body> 
<font size=4> 
网 上 书店 系统 技术 要 点 : <br> 
1, 登录 时 ,页 面 有 非 空 验证 ; 验证 时 ,采用 JavaBean 访问 数据 库 。< br > 
2, 后 台 系统 提供 书架 的 后 台 维 护 (Servlet + JSP) 。< br> 
3. 前 台 系统 提供 读者 查看 、 选 购 图 书 (Servlet + JSP) 。< br> 
4. 可 扩展 其 他 功能 : 用 户 管理 、 销 售 报表 < br > 
</font > 
</body> 
</html > 


登录 验证 成 功 后 的 运行 结果 如 图 6-5 所 示 , 其 中 的 “浏览 图 书 ” 与 “书架 维护 ”的 设计 将 
在 学 习 Servlet 后 完成 。 





太 网 上 书店 项 目 实 训 - Vindows Internet Explorer 瑟 吕 本 
器- 网 Mttp://1ocnlhost:e080/bookstore/onin jsp | |S) x 国防 Pp- 





文件 中 ”编辑 下 查看 Q) 收藏 严 W&) 工具 CD) 帮助 0D 











当前 用 户 -admin 网 上 书店 系统 技术 要 点 : 











衣 和 和 1. 登录 时 ， 页 面 有 非 空 验证 ， 验 证 时 ， 采 用 JavaBean 访 问 数据 库 。 
人 2. 后 台 系统 提供 书架 的 后 台 维护 Servlet+JSP》。 

浏览 图 书 3. 前 台 系统 提供 读者 查看 、 选 购 图 书 《Servlet+JSP》。 

二 4. 可 扩展 其 他 功能 : 用户 管理 、 销 售 报表 

后 台 系统 

书架 维护 

二 
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图 6-5 网 上 书店 主页 面 效 果 
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习 题 6 


. JavaBean 一 般 需 要 符合 哪些 条 件 ? 

. JavaBean 中 的 属性 可 以 分 为 哪 4 类 ? 

. 在 JSP 中 使 用 JavaBean 有 什么 好 处 ? 

. 不 同 范围 的 JavaBean 的 生命 周期 有 什么 不 同 , 分 别 是 在 什么 时 机 初始 化 的 ? 
. 在 使 用 Tomcat 的 情况 下 ,JavaBean 编译 后 的 类 文件 应 该 放 在 什么 位 置 ? 

. 已 知 图 书 数据 库 books 的 订单 表 bookOrder 结构 如 表 6-3 所 示 。 


表 6-3 订单 表 (bookOrder) 


wD 





字 段 类 型 说 明 
ordered INTEGER 订单 ID 
userName Varchar(20) 用 户 名 
zipcode Varchar(8) 邮编 
phone Varchar(20) 电话 
creditcard Varchar(20) 书号 
total double 金额 


根据 以 上 表 结 构 创 建 一 个 BookOrderBean, 要 求 包含 表 中 的 6 个 属性 和 相应 的 set、get 
方法 。 

7. 编写 数据 库 连 接 类 ConnectionManager, 在 此 基础 上 创建 第 6 题 中 表 bookOrder 数 
据 库 操作 类 BookOrderDaoImpl, 该 类 须 实现 BookOrderDao 接口 。BookOrderDao 接口 
代码 : 


public interface BookOrderDao { 
public List getBookOrderList(); 
上 


要 求 在 其 实现 类 BookOrderDaoImpl 中 给 出 getBookOrderList 方法 的 具体 实现 ,查询 
数据 库 得 到 订单 列表 。 

8. 编写 一 个 JSP 页 面 bookOrderList. jsp， 页 面 以 表格 形式 显示 数据 库 bookOrder 表 
中 的 所 有 数据 。 要 求 用 useBean 标准 动作 创建 BookOrderDaoImpl 的 实例 。 

9. 在 第 7 题 的 基础 上 ,向 BookOrderDao 接口 添加 以 下 两 个 方法 : 


Public int add(BookOrder bookOrder); // 添 加 订单 
Public int del(int id); // 删 除 订单 


要 求 在 其 实现 类 BookOrderDaoImpl 中 实现 这 些 方法 。 
10. 建立 一 个 描述 图 书信 息 的 BookBean, 这 个 Bean 有 书号 isbn 和 标题 title 两 个 属 
性 。 编 写 一 个 book. jsp 页 面 ,用 useBean 标准 动作 创建 BookBean 的 实例 ,用 setProperty 


为 Bean 的 两 个 属性 赋值 ,分 别 用 getProperty 和 JSP 表达 式 两 种 方式 在 页 面 上 输出 两 个 属 
性 的 值 。 

11. 在 第 10 题 基 础 上 ,将 BookBean 实例 保存 在 session 中 ,通过 forward 标准 动作 转 
发 到 bookl.jsp 页 面 ,在 此 页 面 输出 session 中 保存 的 BookBean 实例 的 两 个 属性 的 值 。 

12. 为 6.3 节 的 网 上 书店 编程 示例 的 登录 页 面 index. jsp 添加 验证 码 功能 。 实 现 思路 : 
Random 类 可 产生 指定 范围 的 随机 数 , 将 产生 的 随机 数 保存 在 session 对 象 中 ,在 index. jsp 
页 面 添加 一 个 文本 框 输入 验证 码 , 在 checkUser. jsp 页 面 将 提交 过 来 的 验证 码 文本 框 中 的 
值 与 保存 在 request 对 象 中 的 值 进行 比较 。 


JavaBean 技术 


贡 o 站 








第 7 章 Servlet 基础 知识 


本 章 学 习 目 标 

。 掌握 Servlet 的 定义 、 作 用 与 设计 方法 ; 

。 掌握 Servlet 的 常用 接口 和 类 ; 

。 掌握 Servlet 在 验证 码 和 文件 上 传 实际 项 目 中 的 应 用 ; 
。 掌握 Servlet 在 网 上 书店 前 、 后 设计 中 的 应 用 ; 

。 熟悉 JSP 设计 模式 。 
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7.1 Servlet 概念 及 设计 步骤 


7.1.1 Servlet 基本 概念 


Servlet 是 Java Web 技术 的 核心 基础 ,掌握 Servlet 的 工作 原理 是 成 为 一 名 合格 的 Java 
Web 技术 开发 人 员 的 基本 要 求 。 

Servlet 是 遵循 Java Servlet 规范 的 Java 类 ,由 Web 服务 器 端的 JVM 执行 ,被 用 来 扩展 
Web 服务 器 的 功能 ,是 在 Web 服务 器 端的 符合 “请 求 -响应 ”访问 模式 的 应 用 程序 ,可 以 接收 
来 自 Web 浏览 器 或 其 他 HTTP 客户 程序 的 请 求 , 并 将 响应 结果 返回 给 客户 端 。Servlet 通 
常用 于 在 服务 器 端 完成 访问 数据 库 .调用 JavaBean 等 业务 性 操作 。 

Servlet 类 的 继承 关系 如 下 : 


java. lang. Object 
javax. servlet. GenericServlet 
javax. servlet. http. HttpServlet 
org. apache. jasper. runtime. HttpJspBase 


由 JSP 程序 转换 的 Servlet, 都 是 HttpJspBase 类 的 子 类 。 

Servlet 的 核心 方法 是 service。 每 当 一 个 客户 请 求 一 个 HttpServlet 对 象 ,该 对 象 的 
service 方法 就 要 被 调用 ,而 且 系 统 会 自动 传递 给 这 个 service 方法 一 个 ServletRequest( 请 
求 对 象 , 即 JSP 中 的 request) 和 一 个 ServletResponse( 响 应 对 象 , 即 JSP 中 的 response) 作 为 
参数 。 其 中 ServletRequest 对 象 实 现 了 HttpServletRequest 接口 , 它 封 装 了 浏览 器 向 服务 
器 发 送 的 请 求 ; 而 ServletResponse 则 实现 了 HttpServletResponse 接口 , 它 封 装 了 服务 器 
向 浏览 器 返回 的 信息 。 这 两 个 类 都 是 实现 了 javax. Servlet 包 中 的 顶层 接口 的 类 。 默 认 的 
service 服务 功能 是 调用 与 HTTP 请 求 方法 相应 的 doGet 或 doPost。 如 果 HTTP 请 求 方法 


为 GET, 则 默认 情况 下 调用 doGet; 如 果 HTTP 请 求 方法 为 POST, 则 默认 情况 下 调用 
doPost。 由 于 service 方法 会 自动 调用 与 请 求 方 法 相对 应 的 doGet 或 doPost, 所 以 ,在 实际 
编程 中 ,不 需要 编写 service 方法 ,只 需 编 写 相 应 的 doGet 和 doPost。 整 个 过 程 如 图 7-1 
所 示 。 
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HttpRequest 
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图 7-1 HttpServlet 类 处 理 HTTP 请 求 过 程 


7.1.2 Servlet 设计 步骤 


1. 使 用 向 导 创建 Servlet 模板 

MyEclipse 提供 了 创建 Servlet 的 模板 ,可 以 很 方便 地 创建 Servlet。 设 计 Servlet 的 步 
又 如 下 

。 创建 Servlet 类 ,该 类 继承 自 javax. servlet. http. HttpServlet; 

。 写 doGet 和 doPost; 

。 在 web. xml 文件 中 注册 Servlet, 这 一 注册 工作 也 可 由 Servlet 创建 向 导 自 动 完成 。 

下 面 通过 一 个 简单 的 例子 说 明 在 MyEclipse 中 利用 向 导 创 建 Servlet 的 设计 步骤 。 

【 例 7-1】 在 Hello.jsp 页 面 中 输入 一 个 用 户 的 名 字 , 然 后 提交 给 HelloServlet ,在 页 面 
上 输出 * 你 好 ! 欢迎 使 用 Servlet" 这 个 字符 串 。 设 计 步 又 如 下 : 

在 工程 项 目的 src 目录 下 ,新建 包 servlettest。 在 包 名 servlettest 上 布 击 ,在 弹出 的 快 
捷 菜 单 中 选择 “新 建 (new)” 一 Servlet 命令 。 弹 出 Servlet 创建 向 导 , 如 图 7-2 所 示 。 

这 里 将 Servlet 类 名 定义 为 HelloServlet, 所 在 的 包 为 servlettest。 然 后 单 击 Next 按钮 
出 现 如 图 7-3 所 示 的 界面 。 

2. 设置 web. xml 注册 信息 

File Path of web. xml 文本 框 的 内 容 指示 配置 文件 web. xml 的 路 径 , 使 用 默认 值 即 可 。 

Servlet/JSP Class Name、Servlet/JSP Name、Servlet/JSP Mapping URL 等 文本 框 信息 
将 由 Servlet 生成 向 导 自 动 在 配置 文件 web. xml 中 进行 注册 。 

Servlet/JSP Mapping URL 设置 了 访问 此 Servlet 时 的 相对 URL 映射 路 径 , 它 决定 了 
Servlet 的 访问 路 径 , 必 须 以 斜 杠 */” 起 始 ,这 个 起 始 的 斜 杠 “/” 表 示 项 目的 根 路 径 。 需 要 注 
意 的 是 ,这 里 的 Mapping URL 地 址 不 代表 Servlet 的 实际 存储 路 径 , 只 是 表示 访问 这 个 
Servlet 时 使 用 的 相对 路 径 。 有 时 会 根据 实际 需要 对 此 修改 。 

用 户 可 以 像 请 求 JSP 一 样 直接 请 求 服务 器 上 的 Servlet ,而 Servlet 的 完整 访问 路 径 是 
由 项 目 根 路 径 ( 即 Servlet 的 相对 基准 路 径 ) 与 Servlet 的 相对 映射 URL“* 合 成 ”而 得 的 。 
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7-3 创建 Servlet 向 导 配 置 Servlet 


Servlet 的 相对 映射 URL 路 径 是 由 web. xml 文件 中 “< url-pattern > </url-pattern >” 配 置 
项 决定 的 。 

7-3 中 的 Mapping URL 设置 的 内 容 为 /servlet/ HelloServlet, 因 此 访问 该 Servlet 时 ,将 
项 目的 根 路 径 /servlet/ HelloServlet 与 这 个 相对 映射 URL http://localhost:8080/bookstore/ 合 
成 , 即 得 到 访问 这 个 Servlet 的 目标 URL 为 http://localhost: 8080/bookstore/servlet/ 
HelloServlet 。 

如 果 将 Mapping URL 修改 为 /abc/ HelloServlet, 也 是 可 以 访问 该 Servlet 的 ,只 是 要 在 
浏览 器 地 址 栏 输入 http://localhost: 8080/bookstore/abc/HelloServlet。 可 见 , Mapping 


URL 的 设置 决定 了 访问 这 个 Servlet 的 URL 地 址 ,而 与 该 Servlet 的 存储 位 置 无 关 。 
Servlet 的 存储 位 置 由 < servlet-class > servlettest. HelloServlet </servlet-class > 配置 项 
描述 。 

在 JSP 页 面 中 通过 链接 语句 访问 此 Servlet 时 ,要 注意 最 终生 成 的 目标 URL 必须 与 
Servlet 的 访问 路 径 一 致 ; 否则 ,会 因 找 不 到 目标 而 失败 。 

向 导 生 成 后 ,也 可 以 直接 在 web. xml 配置 文件 中 通过 修改 < url-pattern > 的 内 容 来 改变 
Mapping URL 相对 映射 地 址 。 

单 击 Finish 按钮 后 ,就 在 servlettest 包 中 由 向 导 自 动 创 建 了 一 个 HelloServlet. java, 同 
时 ,自动 在 web. xml 中 将 该 Servlet 进行 了 注册 ,打开 WEB-INF\web. xml 文件 可 以 看 到 
HelloServlet 的 注册 信息 已 经 添 入 其中。 

web. xml 文件 中 的 < servlet ></servlet > 这 段 代 码 定 义 了 Servlet 的 名 称 及 其 对 应 的 
Servlet 类 路 径 。< servlet-mapping > </servlet-mapping > 这 段 代码 定义 了 访问 这 个 Servlet 的 
URL 映射 路 径 。 

HelloServlet 在 web. xml 文件 中 的 注册 信息 如 下 : 


<servlet> 
< description > This is the description of my J2EE component </description> 
< display- name> This is the display name of my J2EE component </display — name > 
< servlet - name > HelloServlet </servlet - name> 
< servlet - class > servlettest. HelloServlet </servlet - class> 
</servlet > 


< servlet ~ mapping> 
< servlet - name > HelloServlet </servlet - name> 
<url— pattern>/servlet/HelloServlet </url - pattern> 
</servlet - mapping> 


到 此 HelloServlet 已 经 初步 建成 ,此 时 .观察 HelloServlet. java 类 由 向 导 自动 生成 的 
doGet 方法 代码 如 下 : 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html1"); 
PrintWriter out = response. getWriter(); 
out. println( "<! DOCTYPE HTML PUBLIC\" ~ //W3C//DTD HTML 4. 01 Transitional//EN\">"); 
out. println("< HTML >"); 
out. println(" <HEAD><TITLE> A Servlet </TITLE ></HEAD>"); 
out. println(" < BODY>"); 
out. print(" This is "); 
out. print(this. getClass()); 
out. println(", using the GET method" ) ; 
out. println(" </BODY>"); 
out. println("</HIML >"); 
out. flush(); 
out. close(); 
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在 使 用 Servlet 时 ,必须 确认 该 Servlet 已 经 在 服务 器 的 配置 文件 web. xml 中 做 了 相应 


配置 。 


在 浏览 器 地 址 栏 输入 http://localhost:8080/bookstore/servlet/ HelloServlet, 即 可 访 


问 到 Helloservlet。Helloservlet 自动 调用 doGet 方法 对 请 求 进行 响应 。 


从 以 上 代码 可 以 看 出 Servlet 就 是 一 个 Java 类 ,与 一 般 Java 类 不 同 的 是 , 它 具 有 Web 
服务 功能 。Servlet 程序 中 使 用 PrintWriter 对 象 out 拼写 完整 的 HTML 文件 ,作为 对 客户 
请 求 的 响应 。 这 里 拼写 的 HTML 文件 在 Servlet 向 浏览 器 响应 后 ,可 在 浏览 器 菜单 栏 中 的 


“查看 ”>“ 源 文件 ”中 查看 到 。 
3. 业务 逻辑 设计 


接 下 来 就 是 要 完善 doGet 和 doPost, 重 写 此 方法 来 完成 自己 的 业务 逻辑 ,一 般 只 要 重 
写 其 中 的 一 个 方法 ,如 重 写 doGet, 而 doPost 直接 调用 doGet 即 可 。 除 非 Servlet 对 于 GET 


请 求 和 POST 请 求 的 处 理 方 式 不 一 致 
程序 (/bookstore 项 目 /src/servlettest/ HelloServlet. java) 的 清单 : 


package servlettest; 

import java. io. IOException; 

import java. io. PrintWriter; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 

import javax. servlet, http. HttpServletResponse; 

public class HelloServlet extends HttpServlet { 
public HelloServlet() { 


super(); 


public void destroy() { 


public void doGet (HttpServletRequest request, HttpServletResponse response) 


} 


public void doPost(HttpServletRequest request, HttpServletResponse response) 


super. destroy(); } 


throws ServletException, IOException { 
request. setCharacterEncoding("utf ~ 8"); 
response. setContentType( "text/html;charset = utf — 8"); 
PrintWriter out = response. getWriter(); 
out. println("< HTML >"); 
out. println(" <HEAD><TITLE>A Servlet </TITLE></HEAD>"); 
out. println(" <BODY>"); 
String name = request. getParameter("name"); 
out. print(" 你 好 ! 欢 迎 " + name + "使 用 servlet!<br>"); 
out.print(" 你 请 求 的 servlet 是 : " + this. getClass()); 
out. println("</BODY >"); 
out. println("</HTML >"); 
out. flush( ); 
out. close( ); 


throws ServletException, IOException { 
doGet (request, response); 


} 
public void init() throws ServletException { 
} 


4. 使 用 Servlet 

再 写 一 个 JSP 程序 ,用 户 在 JSP 页 面 的 表单 中 输入 姓名 ,提交 给 服务 器 上 Servlet 处 理 ， 
再 由 该 Servlet 动态 生成 对 用 户 的 响应 。 

程序 (/bookstore 项 目 /WebRoot/test/servletTest. jsp) 的 清单 : 


<% @ page contentType = "text/html;charSet = utf ~- 8" pageEncoding = "utf 一 8" %> 
<html> 
<head><title> 第 一 个 Servlet 示例 </title></head> 
<body> 
< form method = "post" action = "../servlet/HelloServlet"><p align = "left"> 
请 输入 姓名 : < input type = "text" name = "name" size= "20"></p> 
< input type = "submit" value = "提交 "> 
</form> 
</body> 
</html > 


JSP 页 面 访问 Servlet 时 采用 的 是 相对 地 址 ,最 终生 成 的 目标 URL 必须 与 Servlet 所 固 
有 的 访问 路 径 一 致 。 而 Servlet 所 固有 的 访问 路 径 由 web. xml 中 的 < url-pattern > 配置 项 
决定 。 

本 例 的 servletTest. jsp 页 面 的 相对 基准 地 址 为 http://localhost:8080/bookstore/test/。 

语句 action 一 “../servlet/HelloServlet” 给 出 目标 的 相对 URL.。.“../” 表 示 当 前 的 JSP 
所 在 路 径 的 上 一 级 路 径 , 最 终生 成 的 访问 Servlet 的 目标 URL 由 当前 JSP 页 面 的 相对 基准 
URL 路径 与 链接 中 的 相对 路 径 “ 合 成 ”而 得 , 即 为 http://localhost: 8080/bookstore/ 
servlet/ HelloServlet 。 


如 果 使 用 下 列 语句 利用 < base href > 标签 设 定 了 页 面 基准 路 径 ， 


<% 
String path = request. getContextPath( ); 
String basePath = request. getScheme() +"://" + request.getServerName()+":"+ 
request. getServerPort() + path+ "/"; 
%> 
<base href = "<% = basePath%>"> 


此 时 ,JSP 页 面 中 链接 的 相对 基准 路 径 变 为 项 目的 根 路 径 ,action 中 的 相对 URL 就 要 
做 相应 修改 ,修改 成 如 下 形式 : 


< form method = "post" action="./servlet/HelloServlet"> 


程序 运行 结果 如 图 7-4 所 示 。 
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7-4 ”servletTest. jsp 运行 结果 


7.2 Servlet 的 生命 周期 


Servlet 的 生命 周期 从 Web 服务 器 启动 运行 时 开始 ,以 后 会 不 断 处 理 来 自 浏览 器 的 访 
问 请 求 ,并 将 响应 结果 通过 Web 服务 器 返回 给 客户 端 ,直到 Web 服务 器 停止 运行 , Servlet 
才 会 被 清除 。 


Servlet 接收 客户 端 请 求 , 生 成 动态 Web 内 容 的 工作 过 程 ,如 图 7-5 所 示 。 
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Servlet 的 生命 周期 主要 有 加 载 和 初始 化 阶段 、Servlet 服务 阶段 和 Servlet 结束 阶段 。 

1. 加 载 和 初始 化 阶段 

当 Web 服务 器 启动 时 ,Servlet 容器 首先 到 发 布 目录 的 WEB-INF 下 查找 配置 文件 
web. xml。 这 个 配置 文件 中 有 相关 的 Servlet 的 配置 信息 ,主要 是 定义 Servlet 和 定义 
Servlet 的 代表 这 个 应 用 在 Tomcat 中 的 访问 路 径 URL 请 求 映射 。 有 时 ,还 在 web. xml 文 
件 中 为 Servlet 设置 了 < 1oad-on-startup > 元 素 。 例 如 : 


<servlet> 


< servlet - name> HelloServlet </servlet - name> 
< servlet - class> servlet.HelloServlet </servlet -class> 
< load- on- startup> 0 </load— on- startup> 
</servlet> 
< servlet — mapping> 
< servlet — name> HelloServlet </servlet - name> 
<url- pattern> /HelloServlet </url - pattern> 
</servlet - mapping > 


其 中 ,< load-on-startup > 元 素 表 示 Servlet 容器 是 否 在 启动 时 就 加 载 这 个 Servlet。 当 
值 为 0 或 大 于 0 时 ,表示 容器 在 应 用 启动 时 就 加 载 这 个 Servlet; 当 值 是 一 个 负数 或 没有 指 
定时 , 则 指示 容器 在 该 Servlet 被 客户 端 请 求 时 才 加 载 。 正 数 的 值 越 小 ,启动 该 Servlet 的 优 
先 级 越 高 。 

Servlet 容器 根据 web. xml 配置 信息 加 载 Servlet 类 ,Servlet 容器 使 用 Java 类 加 载 器 
加 载 Servlet 的 Class 文件 。 注 意 ,Servlet 只 需要 被 加 载 一 次 ,然后 将 会 实例 化 该 类 的 一 个 
实例 或 多 个 实例 ,在 默认 情况 下 Servlet 实例 在 第 一 个 请 求 到 来 时 创建 ,以 后 复 用 。 

当 Servlet 被 实例 化 后 ,Servlet 容器 将 调用 Servlet 的 init(ServletConfig config) 方 法 来 
为 实例 进行 初始 化 ,在 Servlet 的 生命 周期 中 ,该 方法 执行 一 次 。 

用 户 写 的 Servlet 类 都 是 HttpServlet 的 子 类 ,而 HttpServlet 类 又 是 抽象 类 
GenericServlet 的 子 类 。GenericServlet 类 里 面 有 成 员 变 量 ServletConfig 和 成 员 方 法 init 
(ServletConfig) 与 init() 。 

其 中 ,init(ServletConfig) 是 供 Servlet 容器 (如 Tomcat) 调 用 的 ,ServletConfig 对 象 包 
含 了 初始 化 参数 和 容器 环境 的 信息 ,并 负责 向 Servlet 传递 信息 ,在 初始 化 时 ,将 会 读 取 配 置 
信息 ,完成 相关 工作 ,init() 对 于 一 个 Servlet 只 可 以 被 调用 一 次 。 如 果 用 户 需要 做 些 
Servlet 的 初始 化 工作 ,可 在 init() 中 完成 。 

事实 上 Servlet 从 被 web. xml 中 解析 到 完成 初始 化 ,这 个 过 程 非常 复杂 ,中 间 有 很 多 过 
程 ,包括 各 种 容器 状态 转化 引起 监听 事件 的 触发 .各 种 访问 权限 的 控制 和 一 些 不 可 预料 错误 
发 生 的 判断 行为 等 。 这 里 只 对 一 些 关 键 环 节 进行 阐述 ,以 便 有 一 个 总 体 脉 络 。 

2. Servlet 服务 阶段 

Servlet 被 初始 化 以 后 ,该 Servlet 实例 就 处 于 能 响应 请 求 的 就 绪 状 态 , 可 以 被 服务 器 用 
来 服务 客户 端的 请 求 并 生成 响应 。 当 Web 服务 器 接收 到 浏览 器 的 访问 请 求 后 , Web 服务 
器 会 调用 该 实例 的 service (ServletRequest request，ServletResponse response) 方 法 ， 
request 对 象 和 response 对 象 由 服务 器 创建 并 传 给 Servlet 实例 。request 对 象 封 装 了 客户 
端 发 往 服 务 器 端的 信息 ; response 对 象 封装 了 服务 器 发 往 客户 端的 信息 。 一 个 Servlet 实 
例 能 够 同时 服务 于 多 个 客户 端 请 求 , 即 service 方法 运行 在 多 线程 的 环境 下 。 

在 service 方法 内 ,对 客户 端的 请 求 方法 进行 判断 ,如 果 是 以 GET 方法 提交 的 , 则 调用 
doGet 方法 处 理 请 求 ,如 果 以 POST 方法 提交 的 , 则 调用 doPost 方法 处 理 请 求 , 用 
HttpServletResponse 对 象 生 成 HTTP 响应 数据 。 

3. Servlet 结束 阶段 

Servlet 实例 是 由 Servlet 容器 创建 的 ,所 以 实例 的 销毁 也 是 由 容器 来 完成 的 。 当 
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Servlet 容器 不 再 需要 革 个 Servlet 实例 时 ,容器 会 调用 该 Servlet 的 destroy 方法 ,在 这 个 方 
法 内 ,Servlet 会 释放 掉 所 有 在 init() 内 申请 的 资源 ,如 数据 库 连 接 等 。 一 旦 destroy 方法 被 
调用 ,容器 就 不 会 再 向 该 实例 发 送 任何 请 求 。 如 果 容 器 需要 再 使 用 该 Servlet, 则 必须 创建 
新 的 实例 。destroy 方法 完成 后 ,容器 必须 释放 Servlet 实例 以 便 能 够 被 回收 。 

在 特殊 情况 下 ,如 系统 资源 过 低 或 一 个 Servlet 很 长 时 间 没有 被 使 用 时 ,Servlet 容器 也 
会 释放 这 个 Servlet。 


7.3 Servlet API 层次 结构 
Servlet API 包含 于 两 个 包 中 , 即 javax. servlet 和 javax. servlet. http。 


1. javax. servlet 包 


javax. servlet 包 的 主要 的 类 的 接口 如 图 7-6 所 示 。 
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7-6 javax. servlet 包 


javax. servlet 包 所 包含 的 接口 和 类 的 含义 如 下 : 

。 interface Servlet: 定义 了 所 有 Servlet 必须 实现 的 方法 。 

。 interface ServletResponse: 此 接口 定义 了 由 Servlet 用 于 向 客户 端 发 送 的 响应 。 

。 interface ServletRequest: 定义 了 用 于 向 Servlet 容器 传递 客户 请 求 的 信息 。 

。 interface ServletContext: 定义 了 Servlet 与 其 运行 环境 通信 的 一 系列 方法 。 
Interface ServletConfig: 此 接口 由 Servlet 引擎 用 在 Servlet 初始 化 时 ,向 Servlet 传 
递 信息 。 
class GernericServlet: 此 类 实现 了 Servlet 接口 ,定义 了 一 个 通用 的 .与 协议 无 关 的 
Servlet 。 
class ServletInputStream: 此 类 定义 了 一 个 输入 流 , 用 于 由 Servlet 从 中 读 取 客户 请 
求 的 二 进 制 数据 。 
class ServletOutputStream: 此 类 定义 了 一 个 输出 流 , 用 于 由 Servlet 向 客户 端 发 送 
二 进 制 数据 。 

2. javax. servlet. http 包 
javax. servlet. http 包 所 包含 的 接口 和 类 如 图 7-7 所 示 。 
javax. servlet. http 包 所 包含 的 接口 和 类 的 含义 如 下 : 
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。 interface HttpServletRequest: 继承 了 ServletRequest 接口 ,为 HTTPServlet 提供 

请 求 信息 。 

interface HttpServletResponse: 继承 了 ServletResponse 接口 ,为 HTTPServlet 输 

出 响应 信息 提供 支持 。 

interface HttpSession: 为 维护 HTTP 用 户 的 会 话 状 态 提 供 支 持 。 

。 interface HttpSessionBindingListener: 使 得 某 对 象 在 加 入 一 个 会 话 或 从 会 话 中 删 
除 时 能 够 得 到 通知 。 

。 interface HttpSessionContext: 由 Servlet 2. 1 定义 ,该 对 象 在 新 版 本 已 不 被 支持 。 

。 class Cookie: 用 在 Servlet 中 使 用 Cookie 技术 。 

。 class HttpServlet: 定义 了 一 个 抽象 类 , 继承 GenericServlet 抽象 类 ,应 被 

HTTPServlet 继承 。 

class HttpSessionBindingEvent: 定义 了 一 种 对 象 , 当 某 一 个 实现 了 HttpSessionBind- 

ingListener 接口 的 对 象 被 加 入 会 话 或 从 会 话 中 删除 时 ,会 收 到 该 类 对 象 的 一 个 句柄 。 

class HttpUtils: 提供 了 一 系列 便于 编写 HTTPServlet 的 方法 。 


7.4 主要 Servlet API 介绍 


Javax. servlet. http 包 是 javax. servlet 包 的 扩展 ,Servlet 主要 应 用 于 HTTP 方面 编程 ， 
因此 javax. servlet. http 包 内 的 很 多 类 接口 都 是 在 javax. servlet 包 相 对 应 接口 的 基础 上 添 
加 对 HTTP/1. 1 协议 的 支持 而 成 的 。HttpServlet 类 是 其 中 最 主要 的 类 ,如 果 理 解 了 
HttpServlet 类 和 接口 HttpServletRequest、HttpServletResponse 之 间 的 关系 也 就 理解 了 
Servlet 的 工作 过 程 。 


7.4.1 HttpServlet 类 

HttpServlet 类 是 Servlet 容器 中 最 重要 的 一 个 类 ,其 主要 功能 是 处 理 Servlet 请 求 和 回 
应 处 理 结果 。HttpServlet 首先 必须 读 取 HTTP 请 求 的 内 容 。Servlet 容器 负责 创建 
HttpServlet 对 象 ,并 把 HTTP 请 求 直接 封装 到 HttpServlet 对 象 中 ,这 样 做 大 大 简化 了 
HttpServlet 解析 请 求 数据 的 工作 量 。HttpServlet 容器 响应 Web 客户 请 求 流 程 如 下 : 
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(1) Web 客户 向 Servlet 容器 发 出 HTTP 请 求 。 

(2) Servlet 容器 解析 Web 客户 的 HTTP 请 求 。 

(3) Servlet 容器 创建 HttpServletRequest 对 象 ,在 这 个 对 象 中 封装 HTTP 请 求 信息 。 

(4) Servlet 容器 创建 一 个 HttpServletResponse 对 象 。 

(5) Servlet 容 器 调用 HttpServlet 的 service 方法 , 把 HttpServletRequest 和 
HttpServletResponse 对 象 作 为 service 方法 的 参数 传 给 HttpServlet 对 象 。 

(6) HttpServlet 调用 HttpServletRequest 的 有 关 方 法 ,获取 HTTP 请 求 信息 。 

(7) HttpServlet 调用 HttpServletResponse 的 有 关 方法 ,生成 响应 数据 。 

(8) Servlet 容器 把 HttpServlet 的 响应 结果 传 给 Web 客户 。 

HttpServlet 类 是 一 个 抽象 类 , 当 创建 一 个 具体 的 Servlet 类 时 必须 继承 此 类 ,同时 要 覆 
盖 HttpServlet 的 部 分 方法 ,如 覆盖 doGet 或 doPost。HttpServlet 类 的 doGet 和 doPost 的 
原型 如 下 : 


public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { .…} 

public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { .…} 


从 以 上 代码 中 可 以 看 到 方法 中 的 两 个 形 参 ,一 个 是 HttpServletRequest 的 实例 ; 另 一 
个 是 HttpServletResponse 的 实例 。 这 两 个 参数 都 是 由 Servlet 容器 对 数据 进行 封装 后 传递 过 
来 的 ,一 个 用 来 处 理 请 求 ; 另 一 个 用 来 处 理 回应 。 表 7-1 列举 了 HttpServlet 类 的 主要 方法 。 


表 7-1 HttpServlet 类 的 主要 方法 





方 法 说 明 
protected void doDelete( HttpServletRequest 被 这 个 类 的 service 方法 调用 ,用 来 处 理 一 个 HTTP 
request, HttpServletResponse response) DELETE 操作 。 这 个 操作 允许 客户 端 请 求 从 服务 
throws ServletException, IOException; 器 上 删除 URL 指定 的 资源 。 这 一 方法 的 默认 执行 


结果 是 返回 一 个 HTTP BAD_REQUEST 错误 。 当 
需要 处 理 DELETE 请 求 时 ,必须 重 载 这 一 方法 


protected void doGet( HttpServletRequest 被 这 个 类 的 service 方法 调用 ,用 来 处 理 一 个 HTTP 
request, HttpServletResponse response) GET 操作 。 这 个 操作 仅 允 许 客户 端 从 一 个 HTTP 
throws ServletException,IOException; 服务 器 获取 资源 。 这 个 GET 操作 不 能 修改 存储 的 


数据 ,改变 数据 的 请 求 需要 使 用 其 他 方法 。 对 这 个 
方法 的 重 载 将 自动 地 支持 HEAD 方法 。 这 一 方法 
的 默认 执行 结果 是 返回 一 个 HTTP BAD_ 


REQUEST 错误 
protected void doHead( HttpServletRequest 被 这 个 类 的 service 方 法 调用 ,用 来 处 理 一 个 HTTP 
request, HttpServletResponse response) HEAD 操作 。 上 默认 的 情况 是 ,这 个 操作 会 按照 一 个 
throws ServletException, IOException; 无 条 件 的 GET 方法 来 执行 ,该 操作 不 向 客户 端 返回 


任何 数据 ,而 仅仅 是 返回 包含 内 容 长 度 的 头 信息 

与 GET 操作 一 样 ,这 个 操作 应 该 是 安全 而 且 没 有 负 
面 影 响 的 。 这 个 方法 的 默认 执行 结果 是 自动 处 理 
HTTP HEAD 操作 , 它 不 需要 被 一 个 子 类 执行 





方 法 


续 表 
说 明 





protected void doOptions( HttpServletRequest 
request, HttpServletResponse response) 


throws ServletException, IOException; 


protected void doPost( HttpServletRequest 
request, HttpServletResponse response) 


throws ServletException, IOException; 


protected void doPut(HttpServletRequest 
request, HttpServletResponse response) 
throws ServletException, IOException; 


protected void doTrace( HttpServletRequest 
request, HttpServletResponse response) 


throws ServletException ,IOExceptiony 


protected long getLastModified 
(HttpServletRequest request); 


7.4.2 HttpServletRequest 接口 


HttpServletRequest 接口 继承 自 ServletRequest 接口 ,ServletRequest 接口 中 定义 了 一 


些 获 取 请 求 信息 的 方法 。 


被 这 个 类 的 service 方 法 调用 ,用 来 处 理 一 个 HTTP 
OPTION 操作 。 这 个 操作 自动 地 决定 支持 哪 一 种 
HTTP 方法 。 例 如 ,在 一 个 HttpServlet 的 子 类 中 重 
载 了 doGet 方法 , doOptions 会 返回 下 面 的 头 : 
GET, HEAD、TRACE、OPTIONS。 一 般 不 需要 重 
载 这 个 方法 

这 个 方法 用 来 处 理 一 个 HTTP POST 操作 。 这 个 操 
作 包 含 了 请 求 体 的 数据 ,Servlet 可 以 按照 这 些 请 求 
进行 操作 ,如 对 数据 进行 修改 、 对 数据 进行 换算 等 。 
这 一 方法 的 默认 执行 结果 是 返回 一 个 HTTP BAD_ 
REQUEST 错误 。 当 需要 处 理 POST 操作 时 ,读者 
必须 在 HttpServlet 的 子 类 中 重 载 这 一 方法 

这 个 方法 用 来 处 理 一 个 HTTP PUT 操作 。 这 个 操 
作 类 似 于 通过 FTP 发 送 文件 , 它 可 能 会 对 数据 产生 
影响 。 这 一 方法 的 默认 执行 结果 是 返回 一 个 HTTP 
BAD_REQUEST 错误 。 当 需要 处 理 PUT 操作 时 ， 
必须 在 HttpServlet 的 子 类 中 重 载 这 一 方法 
被 这 个 类 的 service 方 法 调用 ,用 来 处 理 一 个 HTTP 
TRACE 操作 。 这 个 操作 的 默认 执行 结果 是 产生 一 
个 响应 ,这 个 响应 包含 反映 trace 请 求 中 发 送 的 所 有 
头 域 的 信息 

返回 这 个 请 求实 体 的 最 后 修改 时 间 。 为 了 支持 
GET 操作 ,必须 重 载 这 一 方法 ,以 精确 地 反映 最 后 
的 修改 时 间 。 这 将 有 助 于 浏览 器 和 代理 服务 器 减少 
服务 器 和 网 络 资源 的 装载 量 ,从 而 有 助 于 服务 器 更 
加 有 效 地 工作 。 返 回 的 数值 是 自 1970-1-1 日 
(GMT) 以 来 的 毫秒 数 。 默 认 的 执行 结果 是 返回 一 
个 负数 ,这 标志 着 最 后 修改 时 间 未 知 


ServletRequest 接口 主要 有 以 下 一 些 方 法 : 


。 public Enumeration getAttributeNames(): 该 方法 可 以 获取 当前 HTTP 请 求 过 程 


中 所 有 请 求 变量 的 名 字 。 


。 public String getCharacterEncoding() : 该 方法 用 于 获取 客户 端 请 求 的 字符 编码 。 


。 public String getContentType(): 该 方法 用 于 获取 HTTP 请 求 的 类 型 ,返回 值 是 
MIME 类 型 的 字符 串 , 如 text/html。 

。 public void setAttribute(String name,Object o) : 该 方法 用 于 设 定 当 前 HTTP 请 求 
过 程 请 求 变 量 的 值 , 第 一 个 参数 是 请 求 变量 的 名 称 , 第 二 个 参数 是 请 求 变量 的 值 ,如 
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果 已 经 存在 同名 的 请 求 变量 , 它 的 值 将 会 被 覆盖 掉 。 

public Object getAttribute(String name) : 该 方法 用 于 获取 当前 请 求 变量 的 值 ,参数 
是 请 求 变量 的 名 称 。 

public ServletInputStream getInputStream() : 该 方法 可 以 获取 客户 端的 输入 流 。 
public String getParameter (String name): 该 方法 可 以 获取 客户 端 通过 HTTP 
POST/GET 方式 传递 过 来 的 参数 的 值 ,getParameter 方法 的 参数 是 客户 端 所 传递 
参数 的 名 称 , 这 些 名 称 在 HTML 文件 < form > 标记 中 使 用 name 属性 指定 。 

public String[ ] getParameterValues(String name): 如 果 客 户 端 传递 过 来 的 参数 
中 , 某 个 参数 有 多 个 值 (如 复 选 框 ) ,可 通过 该 方法 获得 一 个 字符 串 数组 。 

public String getRemoteAddr(): 该 方法 返回 当前 会 话 中 客户 端的 IP 地 址 。 

public String getScheme() : 该 方法 用 于 获取 客户 端 发 送 请 求 的 模式 ,返回 值 可 以 是 
HTTP、HTTPS、FTP 等 。 

public String getServerName() : 该 方法 用 于 获取 服务 器 的 名 称 。 

public int getServerPort() : 该 方法 用 于 获取 服务 器 响应 请 求 的 端口 号 。 


以 上 是 ServletRequest 接口 中 的 主要 方法 , 除 此 以 外 还 有 很 多 其 他 方法 ,在 此 不 一 一 介 
绍 , 有 兴趣 的 读者 可 以 查看 Servlet API 帮助 文档 。 

HttpServletRequest 接口 自然 继承 了 ServletRequest 接口 中 的 所 有 方法 。 

在 HttpServletRequest 接口 和 ServletRequest 接口 基础 上 增加 了 以 下 一 些 方法 : 


public Cookie[ ] getCookies() : 该 方法 可 以 获取 当前 会 话 过 程 中 所 有 的 存在 Cookie 
对 象 ,返回 值 是 一 个 Cookie 类 型 的 数组 。 

public String getHeader(String name) : 该 方法 可 以 获取 特定 的 HTTP Header 的 值 。 
public String getMethod() : 该 方法 返回 客户 端 发 送 HTTP 请 求 所 有 的 方式 ,返回 
值 一 般 是 GET 或 POST 等 。 

public String getServletPath() : 该 方法 获得 当前 Servlet 程序 的 真实 路 径 。 


7.4.3 HttpServletResponse 接口 


HttpServletResponse 接口 继承 自 ServletResponse 接口 ,ServletResponse 接口 可 以 发 
送 MIME 编码 数据 到 客户 端 ,服务 器 在 Servlet 程序 初始 化 以 后 ,会 创建 ServletResponse 
接口 对 象 ,作为 参数 传递 给 service 方法 。 

ServletResponse 接口 主要 有 以 下 方法 : 


public String getCharacterEncoding ( ): 该 方法 可 以 获取 向 客户 端 发 送 数 据 的 
MIME 编码 类 型 ,如 text/html 等 。 

public ServletOutputStream getOutputStream() : 该 方法 返回 ServletOutputStream 
对 象 ,此 对 象 可 用 于 向 客户 端 输出 二 进 制 数据 。 

public PrintWriter getWriter() : 该 方法 可 以 打印 各 种 数据 类 型 到 客户 端 。 

public void setContentType(String type) : 该 方法 指定 向 客户 端 发 送 内 容 的 类 型 ， 
如 “setContentType("text/html");”。 


HttpServletResponse 接口 在 ServletResponse 接口 基础 上 增加 了 以 下 一 些 方法 : 


public void addcookie(Cookie cookie) : 该 方法 的 作用 是 添加 一 个 Cookie 对 象 到 当 


前 会 话 中 。 
。 public void sendRedirect(String location) : 该 方法 的 作用 是 使 当前 的 页 面 重 定向 到 
另 一 个 URL。 


7.4.4 ServletContext 接口 


每 个 Web 应 用 只 有 一 个 ServletContext 实例 (Servlet 的 环境 对 象 ) ,通过 此 接口 实例 可 
以 访问 Web 应 用 的 所 有 资源 ,也 可 以 用 于 不 同 的 Servlet 间 的 数据 共享 ,但 不 能 与 其 他 Web 
应 用 交换 信息 。ServletContext 类 的 主要 方法 如 表 7-2 所 示 。 
表 7-2 ServletContext 类 的 主要 方法 
六 法 说 明 
public Object getAttribute(String name) 返回 Servlet 环境 对 象 中 指定 的 属性 对 象 。 如 果 该 
属性 对 象 不 存在 ,返回 空 值 。 这 个 方法 可 以 访问 有 
关 这 个 Servlet 引擎 的 在 该 接口 的 其 他 方法 中 未 提 
供 的 附加 信息 
public Enumeration getAttributeNames() 返回 一 个 Servlet 环境 对 象 中 可 用 的 属性 名 的 列表 
public ServletContext getContext(String uripath) ”返回 一 个 Servlet 环境 对 象 ,这 个 对 象 包含 了 特定 
URL 路 径 的 Servlet 和 资源 ,如 果 该 路 径 不 存在 , 则 
返回 一 个 空 值 。URL 路 径 格式 是 /dir/ dir/filename. 
ext。 出 于 安全 考虑 ,如 果 通 过 这 个 方法 访问 一 个 受 
限制 的 Servlet 的 环境 对 象 ,会 返回 一 个 空 值 





public int getMajorVersion() 返回 Servlet 引擎 支持 的 Servlet API 的 主 版 本 号 。 
例如 ,对 于 2. 1 版 ,这 个 方法 会 返回 一 个 整数 2 

public int getMinorVersion() 返回 Servlet 引擎 支持 的 Servlet API 的 次 版 本 号 。 
例如 ,对 于 2.1 版 ,这 个 方法 会 返回 一 个 整数 1 

public String getMimeType(String file) 返回 指定 文件 的 MIME 类 型 ,如 果 这 种 MIME 类 型 
未 知 , 则 返回 一 个 空 值 。MIME 类 型 是 由 Servlet 引 
擎 的 配置 决定 的 

public String getRealPath(String path) 一 个 符合 URL 路 径 格式 指定 的 虚拟 路 径 的 格式 是 


/dir/dir/filename. ext。 用 这 个 方法 ,可 以 返回 与 一 
个 符合 该 格式 与 虚拟 路 径 相 对 应 的 真实 路 径 
String。 这 个 真实 路 径 的 格式 应 该 适用 于 运行 这 个 
Servlet 引擎 的 计算 机 (包括 其 相应 的 路 径 解析 器 ) 。 
如 果 这 一 从 虚拟 路 径 转 换 成 实际 路 径 的 过 程 不 能 执 
行 ,该 方法 将 会 返回 一 个 空 值 

public URL getResource(String uripath) 返回 一 个 URL 对 象 ,该 对 象 表明 一 些 环 境 变量 的 资 
源 。 这 些 资 源 位 于 给 定 的 URL 地 址 (格式 为 /dir/ 
dir/filename. ext) 的 Servlet 环境 对 象 。 如 果 给 定 路 
径 的 Servlet 环境 没有 已 知 的 资源 ,该 方法 会 返回 一 
个 空 值 。 这 个 方法 和 java. lang. Class 的 getResource 
方法 不 同 。java. lang. Class 的 getResource 方法 通 
过 装载 类 来 寻找 资源 ,而 这 个 方法 允许 服务 器 生成 
环境 变量 并 分 配给 任何 资源 的 任何 Servlet 
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public InputStream getResourceAsStream (String 
uripath) 


public RequestDispatcher getRequestDispatcher 
(String uripath) 


public String getServerInfo() 


public void log (String msg); public void log 
CString msg，Throwable t) 


public void setAttribute(String name，Object o) 


public void removeAttribute(String name) 


下 面 通过 例子 说 明 以 上 方法 的 使 用 。 
【 例 7-2】 


返回 一 个 InputStream 对 象 ,该 对 象 引用 指定 URL 
的 Servlet 环境 对 象 的 内 容 。 如 果 没 找到 Servlet 环 
境 变 量 , 就 会 返回 空 值 。 这 个 方法 是 一 个 通过 
getResource 方法 获得 URL 对 象 的 方便 的 途径 。 注 
意 , 当 使 用 这 个 方法 时 ,meta-information( 如 内 容 长 
度 、 内 容 类 型 ) 会 丢失 

如 果 这 个 指定 的 路 径 下 能 够 找到 活动 的 资源 (如 一 
个 Servlet、JSP 页 面 \.CGI 等 ) 就 返回 一 个 特定 URL 
的 RequestDispatcher 对 象 ; 否则 ,就 返回 一 个 空 值 ， 
Servlet 引擎 负责 用 一 个 request dispatcher 对 象 封装 
目标 路 径 。 这 个 request dispatcher 对 象 可 以 用 来 完 
成 请 求 的 传送 

返回 一 个 String 对 象 ,该 对 象 至 少 包 括 Servlet 引擎 
的 名 字 和 版 本 号 

把 指定 的 信息 写 到 一 个 Servlet 环境 对 象 的 log 文件 
中 。 被 写 人 的 log 文件 由 Servlet 引擎 指定 ,但 是 通 
常 这 是 一 个 事件 log。 当 这 个 方法 被 一 个 异常 调用 
时 ,log 中 将 包括 堆栈 跟踪 。 这 种 用 法 将 被 废弃 

给 Servlet 环境 对 象 中 的 对 象 指定 一 个 名 称 

从 指定 的 Servlet 环境 对 象 中 删除 一 个 属性 


通过 ServletContext 输出 Web 服务 的 资源 列表 和 服务 器 的 根 目录 。 


程序 (bookstore 项 目 /src/servlettest/ServletContextSample. java) 的 清单 : 


package servlettest; 

import java. io. IOException; 

import java. io. PrintWriter; 

import java. util. Iterator; 

import javax. servlet. ServletContext; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 


import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
public class ServletContextSample extends HttpServlet { 


public ServletContextSample() { 
Super() 

} 

public void destroy() { 
super. destroy( ); 

} 


public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType("text/html;charset = gbk"); 
PrintWriter out = response.getWriter(); 
ServletContext context = getServletContext(); 


// 和 迭代 当 前 Web 下 的 所 有 资源 
Iterator resources = context.getResourcePaths("/"). iterator(); 


out. println( "<!DOCTYPE HIML PUBLIC \" — //W3C//DID HTML 4.01 Transitional//EN\">"); 
out. println("< HTML >"); 
out. println(" <HEAD><TITLE>A Servlet </TITLE ></HEAD>"); 
out. println("< BODY >"); 
out. print(" Web 资源 列表 :</p> "); 
while (resources. hasNext()){ 
out. print("</p>" + (String)resources. next() + "</p>"); 
| 
out. println(context. getRealPath("/")); 
out. println(" </BODY>"); 
out. println("</HTML >"); 
out. flush(); 
out. close(); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doGet (request, response); 
} 
public void init() throws ServletException { 


} 


在 web. xml 中 添加 如 下 代码 : 


<servlet> 

< servlet - name > ServletContextSample </servlet - name> 

< servlet - class > servlettest. ServletContextSample </servlet ~- class> 
</servlet> 
< servlet -mapping> 

< servlet - name > ServletContextSample </servlet - name> 

< url - pattern >/servlet/ServletContextSample </url - pattern> 
</servlet - mapping> 


在 浏览 器 地 址 栏 输入 http://localhost:8080/bookstore/servlet/ServletContextSample。 
程序 运行 结果 如 图 7-8 所 示 。 


£2 let — Windows Internet Explorer =Iolx| 
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结果 分 析 : 除了 最 后 一 行 以 外 ,其 他 都 是 发 布 Web 服务 根 目录 下 的 子 目 录 和 文件 
名 字 ,这 是 由 context. getResourcePaths("/") 获 取 的 资源 列表 输出 的 结果 ,最 后 一 行 是 
发 布 的 Web 服务 在 服务 器 上 的 真实 目录 ,是 由 out. println(context. getRealPath("/")) 
输出 的 。 


7.4.5 HttpSession 接口 


除 ServeletContext 接口 外 , 另 一 个 比较 重要 的 接口 是 HttpSession 接口 ,这 个 接 
口 被 Servlet 引擎 用 来 建立 浏览 器 客户 端 和 HTTP 会 话 两 者 之 间 的 连接 。 这 种 连接 一 
般 会 在 多 个 请 求 中 持续 一 段 给 定 的 时 间 。 表 7-3 给 出 了 HttpSession 接口 的 主要 方法 及 其 


说 明 。 





表 7-3 HttpSession 接口 的 主要 方法 及 其 说 明 
方 法 说 明 
public long getCreationTime() 返回 建立 session 的 时 间 , 这 个 时 间 表 示 为 自 1970-1-1 日 (GMT) 
以 来 的 毫秒 数 


public String getId() 


public long getLastAccessedTime() 


public int getMaxInactiveInterval() 


throws IllegalStateException 


public Object getValue(String name) 
throws IllegalStateException 


public String[] getValueNames() 
throws IllegalStateException 


public void invalidate() 


public boolean isNew() 


throws IllegalStateException 


public void putValue (String name, 
Object value) throws IllegalStateEx- 


ception 


返回 分 配给 这 个 session 的 标识 符 。 一 个 HTTP session 的 标识 符 
是 一 个 由 服务 器 来 建立 和 维持 的 唯一 字符 串 

返回 客户 端 最 后 一 次 发 出 与 这 个 session 有 关 的 请 求 的 时 间 , 如 果 
这 个 session 是 新 建立 的 , 则 返回 一 1。 这 个 时 间 表 示 为 自 1970-1-1 
日 (GMT) 以 来 的 毫秒 数 

返回 一 个 秒 数 ,这 个 秒 数 表示 客户 端 在 不 发 出 请 求 时 , session 被 
Servlet 维持 的 最 长 时 间 。 在 这 个 时 间 之 后 ,session 可 能 被 Servlet 引 
擎 终止 。 如 果 这 个 session 不 会 被 终止 , 则 这 个 方法 返回 一 1。 当 
session 无 效 后 再 调用 这 个 方法 会 抛 出 一 个 llegalStateException 
返回 一 个 标识 为 name 的 对 象 ,该 对 象 必须 是 一 个 已 经 绑 定 到 
session 上 的 对 象 。 如 果 不 存在 这 样 的 绑 定 , 返 回 空 值 。 当 session 
无 效 后 再 调用 这 个 方法 会 抛 出 一 个 IllegalStateException 

以 一 个 数组 返回 绑 定 到 session 上 所 有 数据 的 名 称 。 当 session 无 
效 后 再 调用 这 个 方法 会 抛 出 一 个 IllegalStateException 

这 个 方法 会 终止 这 个 session。 所 有 绑 定 在 这 个 session 上 的 数据 
都 会 被 清除 , 并 通过 HttpSessionBindingListener 接口 的 
valueUnbound 方法 发 出 通告 

返回 一 个 布尔 值 以 判断 这 个 session 是 不 是 新 的 。 如 果 一 个 
session 已 经 被 服务 器 建立 但 是 还 没有 收 到 相应 客户 端的 请 求 ,这 
个 session 将 被 认为 是 新 的 。 这 意味 着 ,这 个 客户 端 还 没有 加 入 会 
话 或 没有 被 会 话 公认 。 在 它 发 出 下 一 个 请 求 时 还 不 能 返回 适当 的 
session 认证 信息 。 当 session 无 效 后 再 调用 这 个 方法 会 抛 出 一 
个 TllegalStateException 

绑 定 给 定名 字 的 对 象 到 session 中 。 已 存在 的 同名 的 绑 定 会 被 重 置 , 
这 时 会 调用 HttpSessionBindingListener 接口 的 valueBound 方法 。 当 
session 无 效 后 再 调用 这 个 方法 会 抛 出 一 个 IllegalStateException 





续 表 
方 法 说 明 
public void removeValue ( String 取消 给 定名 字 的 对 象 在 session 上 的 绑 定 。 如 果 未 找到 给 定名 字 
name) throws IllegalStateException 的 绑 定 的 对 象 , 这 个 方法 什么 也 不 会 做 ,这 时 会 调用 
HttpSessionBindingListener 接口 的 valueUnbound 方法 。 当 
session 无 效 后 再 调用 这 个 方法 会 抛 出 一 个 IllegalStateException 
public int setMaxInactiveInterval ”设置 一 个 秒 数 , 这 个 秒 数 表示 客户 端 在 不 发 出 请 求 时 ,session 被 





Cint interval) Servlet 维持 的 最 长 时 间 
public HttpSessionContext 返回 session 在 其 中 得 以 保持 的 环境 变量 。 这 个 方法 已 经 被 取 
getSessionContext() 消 了 


7.4.6 ServletConfig 类 


在 Servlet 的 初始 化 中 ,使 用 的 参数 就 是 ServletConfig。init 方法 将 保存 这 个 对 象 ,以 便 能 
够 用 方法 getServletConfig 返回 。 每 一 个 ServletConfig 对 象 对 应 着 一 个 唯一 的 Servlet。 
该 类 的 主要 方法 及 其 说 明 如 表 7-4 所 示 。 


表 7-4 ServletConfig 类 的 主要 方法 及 其 说 明 


方 法 说 明 
public String getInitParameter(String name) 这 个 方法 返回 一 个 包含 Servlet 指定 的 初始 化 参数 的 
String。 如 果 这 个 参数 不 存在 , 则 返回 空 值 
public Enumeration getInitParameterNames() 这 个 方法 返回 一 个 列表 String 对 象 ,该 对 象 包 括 
Servlet 的 所 有 初始 化 参数 名 。 如 果 Servlet 没有 初始 
化 参数 ,该 方法 会 返回 一 个 空 的 列表 
public ServletContext getServletContext() 返回 这 个 Servlet 的 ServletContext 对 象 





7.5 Servlet 应 用 举例 


7.5.1 利用 Servlet 实现 验证 码 功 能 


验证 码 的 主要 目的 是 强制 人 机 交互 , 抵 物 来 自 机 器 的 自动 化 攻击 ， 网 
有 效 地 防止 黑客 对 注册 用 户 采 用 特定 程序 暴力 破解 方式 进行 不 断 的 合 
录 尝试 。 

验证 码 是 将 一 品 随机 产生 的 数字 或 符号 ,生成 一 幅 图 片 , 图 片 里 加 
上 一 些 干 扰 像 素 ( 防 止 OCR) ,由 用 户 肉眼 识别 其 中 的 验证 码 信息 ,输入 和 生 se 全 和 
表单 提交 验证 ,验证 成 功 后 才能 使 用 革 项 功能 。 因 为 验证 码 是 一 个 混合 
了 数字 或 符号 的 图 片 ,人 眼看 起 来 都 费劲 ,机 器 识别 起 来 就 更 困难 。 像 百度 贴吧 等 登录 发 由 
前 ,要 输入 验证 码 ,这 样 就 可 以 防止 大 规模 匿名 回帖 的 发 生 。 

【 例 7-3】 在 例 4-21 的 用 户 登录 例子 基础 上 增加 了 验证 码 功能 ,其 中 的 验证 码 的 生成 
由 Servlet 实现 。 例 子 中 有 两 个 JSP 文件 和 一 个 生成 验证 码 的 Servlet 文件 ,login. jsp 为 登 
录 页 面 ,用 于 输入 用 户 登录 的 信息 ,如 果 登 录 名 为 admin ,密码 为 123, 则 将 登录 名 和 用 户 输 
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入 的 验证 码 存 人 session 中 , 跳 转 到 checkUser. jsp 页 面 。 验 证 码 程序 设计 原理 如 图 7-9 所 
示 。 图 中 ,故意 将 验证 码 输 错 ,以 便 理解 数据 关系 。 
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7-9 ”Servlet 实现 验证 码 原理 图 


首先 设计 生成 验证 码 的 Servlet。 该 Servlet 首先 生成 随机 数 ,再 使 用 了 awt 图 形 包 中 
相应 类 将 随机 数 绘 制 成 图 形 向 JSP 页面 输 出 ,同时 将 生成 的 验证 码 数据 保存 在 session 中 ， 
供 程序 将 其 与 用 户 输入 的 验证 码 比 对 验证 。 

程序 中 使 用 了 java. awt. image. BufferedImage 类 生成 图 片 , BufferedImage 是 抽象 类 
Image 的 子 类 , 它 在 Image 基础 上 增加 了 缓存 功能 ,由 BufferedImage 类 生成 的 图 片 在 内 存 
里 有 一 个 图 像 缓 冲 区 ,利用 这 个 缓冲 区 可 以 很 方便 地 操作 这 个 图 片 ,通常 用 来 做 图 片 修改 操 
作 , 例 如 大 小 变换 .图 片 变 灰 .设置 图 片 透明 或 不 透明 等 。 

BufferedImage 的 构造 方法 为 : 


BufferedImage( int width, int height, int imageType) 


其 中 ,width 为 生成 图 片 的 宽度 ; height 为 生成 图 片 的 高 度 ; imageType 为 图 片 颜色 类 
型 常量 。 
代码 (/jspweb 项 目 /src/util/ImageServlet. java) 的 清单 : 


package util; 

import java. awt. Color; 

import java. awt. Font; 

import java. awt. Graphics; 

import java. awt. image. BufferedImage; 

import java. io. IOException; 

import java. util. Random; 

import javax. imaeio. ImageI0; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import javax. servlet. http. HttpSession; 

public class ImageServlet extends HttpServlet { 


public ImageServlet() { 
Super() 
} 
@Override 
public void destroy() { 
Super. destroy( ); 
} 
@Override 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html;charset = utf ~ 8"); 
int width= 78; 
int height = 20; 
// 创 建 对 象 
BufferedImage bim = new BufferedImage( 68,20, BufferedImage. TYPE_INT_RGB); 
/* 获取 图 片 对 象 binm 的 图 形 上 下 文 对 象 g, 这 个 g 的 功能 如 同一 支 绘图 笔 ,程序 中 使 用 这 
支 笔 来 绘制 ,修改 图 片 对 象 bin* / 
Graphics g = bim. getGraphics( ); 
Random rm = new Random( ); 
g. setColor(new Color(rm. nextInt(100),205, rm. nextInt(100))); 
g.fillRect(0, 0, width, height); 
StringBuffer sbf = new StringBuffer(""); 
// 输 出 数字 
for(int i=0;i<4;i+t+){ 
g. setColor(Color. black); 
g. setFont(new Font(" 华 文 隶书 ",Font. BOLD|Font. ITALIC, 22)); 
int n= rm. nextInt(10); 
sbf. append(n); 
g.drawString("" +n, ix*15+5, 18); 
} 
// 生 成 的 验证 码 保存 到 session 中 
HttpSession session = request. getSession(true); 
session. setAttribute("piccode", sbf); 
// 禁 止 缓存 
response. setHeader("Prama"， "no — cache" ); 
response. setHeader("Coche - Control", "no ~ cache"); 
response. setDateHeader ("Expires", 0); 
response. setContentTYpe(" image/jpeg"); 
// 将 bi 图 片 以 "JPG" 格 式 返 回 给 浏览 器 
ImageI0. write(bim, "JPG", response. getOutputStream( ) ) ; 
response. getOutputStream( ) .close( ); 
} 
@Override 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doGet (request, response); 
| 
@Override 
public void init() throws ServletException { 
} 
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该 Servlet 在 web. xml 文件 中 的 注册 信息 如 下 : 


< servlet> 

< servlet - name > ImageServlet </servlet - name> 

< servlet - class> util. ImageServlet </servlet - class> 
</servlet > 
< servlet ~ mapping> 

< servlet - name > ImageServlet </servlet - name> 

<url - pattern >/ImageServlet </url - pattern> 
</servlet - mapping> 


下 面 的 JSP 程序 ,在 用 户 登 录 页 面 中 增加 了 调用 ImageServlet 生成 验证 码 功能 ,用 户 
输入 的 验证 码 和 程序 生成 的 验证 码 均 转交 给 logok. jsp 页 面 显示 。 
程序 (/jspweb 项 目 /ch07/login. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. *" pageEncoding = "gbk" 第 > 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme() +"://"+request.getServerName()+":"+ 
request. getServerPort() + path+ "/"; 
%> 
<html> 
< script type = "text/javascript"> 
function reloadImage(t){ t. src = ". /ImageServlet?flag= "+ Math. random(); 
| 
</script> 
<head> <base href = "<% =basePath%>"> </head> 
<body> <center> 
< form action = "ch07/checkUser. jsp" method = "post"> 
<table> 

<tr><td colspan = "2" align = "center"> 用 户 登 录 </td></tr> 

<tr><td> 登 录 名 :</td><td>< input type= "text" name = "user"></td></tr> 

<tr><td> 密 码 </td> 

<td>< input type = "password" name = "password"> </td></tr> 
<tr>< td> 验 证 码 </td> 
<td>< input type = "text" name = "checkcode"> 
< img src="./ImageServlet" align = "middle" alt = "看 不 清 ,点 击 这 里 !" 
onclick = "reloadImage(this)"></td></tr> 
<tr><td colspan= "2" align= "center"> 
< input type = "submit" value = "登录 "></td></tr> 
</table> 
</form></center > 
</body> 

</html > 


程序 (/jspweb 项 目 /ch07/checkUser. jsp) 的 清单 : 


< 和 @ page language = "java" import = "java. sql. * " contentType = "text/html;charset = utf — 8" %> 
< jsp:useBean id = "db" class = "bean. DBcon" scope = "request"/> 
< html > 


<head><title> 登 录 验 证 页 面 [checkUser. jsp]</title></head> 
<body> 
<% 

request. setCharacterEncoding("utf — 8"); // 解 决 post 提交 的 中 文 乱码 

String username = request. getParameter( "user" ); 

String password = request. getParameter( "password"); 

String checkcode = request. getParameter("checkcode" ) ; 

String piccode = request. getSession( ). getRttribute("piccode" ) .toString(); 

多 > 
你 输入 的 验证 码 是 : <% = checkcode %><br> 
由 Servlet 生成 的 验证 码 是 :<% = piccode%><br><br> 
你 输入 的 用 户 名 是 : <% = username %><br> 
你 输入 的 密码 是 : <% = password%><br><hr> 

<% // 到 books 数据 库 的 userinfo 表 中 核对 用 户 信息 

Connection con = db.getConnction(); 

Statement stmt = con.createStatement(); 

String sql = "select * from userinfo"; // 对 userinfo 表 的 查询 

Sql += " where loginname = '" + username + "'and password= '" + password + ""; 

ResultSet rs = stmt.executeQuery(sql); 

if (checkcode. equals(piccode) && rs.next()) // 验 证 通过 

{ session.setAttribute("userName",username); // 将 用 户 名 保存 到 session 中 

out. print("< font color = green > 恭喜 你 ,通过 验证 !</font><br><br>"); 
out. print("<a href = "main. jsp'> 转 向 主页 面 <//a>"); 
//response. sendRedirect ("main. jsp"); // 或 直接 转向 主页 面 
} 
else { // 验 证 未 通过 
out. print("< font color = red > 遗憾 ! 验 证 码 错误 或 无 此 用 户 或 密码 有 误 , 登录 失败 !</font > 
<br>"); 
out. print("<a href = 'login. jsp 人 重新 登录 <//a>"); 
} %> 
</body> 

</html > 


程序 运行 结果 如 图 7-10 所 示 。 
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7.5.2 利用 Servlet 实现 文件 上 传 功能 


在 许多 Web 应 用 中 都 需要 为 用 户 提供 通过 浏览 器 上 传 文档 资料 的 
功能 ,如 上 传 邮 件 附件 、 个 人 相片 .共享 资料 等 。 对 文件 上 传 功能 ,在 浏 
览 器 端 提供 了 较 好 的 支持 ,只 要 将 FORM 表单 的 enctype 属性 设置 为 
multipart/form-data 即 可 ; 但 在 Web 服务 器 端 如 何 获 取 浏 览 器 上 传 的 人 
文件 ,需要 进行 复杂 的 编程 处 理 。 为 了 简化 和 帮助 Web 开发 人 员 接 收 利用 Servlet 实现 
浏览 器 上 传 的 文件 ,一些 公司 和 组 织 专门 开发 了 文件 上 传 组 件 。 这 里 以 ” 文件 上 传 下 载 
commons-fileupload 为 例 , 分 析 Apache 文件 上 传 组 件 的 设计 思路 和 实 
现 方法 。 

Apache 文件 上 传 组 件 可 以 用 来 接收 浏览 器 上 传 的 文件 ,该 组 件 由 多 个 类 共同 组 成 ,但 
是 ,对 于 使 用 该 组 件 来 实现 文件 上 传 功能 的 应 用 开发 来 说 ,只 需要 了 解 和 使 用 其 中 的 三 个 
类 : DiskFileUpload FileIltem 和 FileUploadException 。 

可 以 从 http://jakarta. apache. org/commons/fileupload 下 载 到 Apache 文件 上 传 组 件 
的 二 进 制 发 行 包 ,文件 名 为 commons-fileupload-1. 3. zip。 从 commons-fileupload-1. 0. zip 
压缩 包 中 解压 出 commons-fileupload-1. 3. jar 文件 。 用 该 组 件 可 实现 一 次 上 传 一 个 或 多 个 
文件 ,并 可 限制 文件 大 小 。 在 MyEclipse 开发 环境 中 将 commons-fileupload-1. 3. jar 复制 到 
项 目 工程 的 WebRoot\WEB-INF\lib\ 中 。 

下 面 介 绍 Apache 文件 上 传 组 件 的 DiskFileUpload、Fileltem 和 FileUploadException 
这 三 个 类 。 

1.， DiskFileUpload 类 

DiskFileUpload 类 是 Apache 文件 上 传 组 件 的 核心 类 。DiskFileUpload 类 中 的 几 个 常 
用 的 方法 如 下 : 

1) setSizeMax 方法 

setSizeMax 方法 用 于 设置 允许 浏览 器 上 传 文件 的 大 小 限 值 ,以 防止 客户 端 故意 通过 上 
传 特大 的 文件 来 塞 满 服务 器 端的 存储 空间 ,单位 为 字 节 。 其 完整 语法 定义 如 下 : 





public void setSizeMax(long sizeMax) 


如 果 请 求 消息 中 的 实体 内 容 的 大 小 超过 了 setSizeMax 方法 的 设置 值 , 该 方法 将 会 抛 出 
FileUploadException 异常 。 

2) setSizeThreshold 方法 

Apache 文件 上 传 组 件 在 解析 和 处 理 上 传 内 容 时 ,需要 临时 保存 解析 出 的 数据 。 因 为 
Java 虚拟 机 默认 可 以 使 用 的 内 存 空间 是 有 限 的 (一 般 不 大 于 100MB) ,超出 限制 时 将 会 发 
生 java. lang. OutOfMemoryError 错误 ,如果 上 传 的 文件 很 大 ,如 上 传 800MB 的 文件 ,在 内 
存 中 将 无 法 保存 该 文件 内 容 ,Apache 文件 上 传 组 件 将 用 临时 文件 来 保存 这 些 数据 ; 但 如 
果 上 传 的 文件 很 小 ,如 上 传 10KB 的 文件 ,显然 将 其 直接 保存 在 内 存 中 更 加 有 效 。 
setSizeThreshold 方法 用 于 设置 是 否 使 用 临时 文件 保存 解析 出 的 数据 的 那个 临界 值 ,该 方 
法 传人 的 参数 的 单位 是 字 节 。 其 完整 语法 定义 如 下 : 


public void setSizeThreshold( int sizeThreshold) 


3) setRepositoryPath 方法 
setRepositoryPath 方法 用 于 设置 setSizeThreshold 方法 中 提 到 的 临时 文件 的 存放 目 
录 , 这 里 要 求 使 用 绝对 路 径 。 其 完整 语法 定义 如 下 : 


public void setRepositoryPath(String repositoryPath) 


如 果 不 设置 存放 路 径 ,那么 临时 文件 将 被 储存 在 java. io. tmpdir 这 个 JVM 环境 属性 所 
指定 的 目录 中 ,tomcat 将 这 个 属性 设置 为 "{tomecat 安装 目录 }/temp/ ”目录 。 

4) parseRequest(HttpServletRequest req) 方 法 

这 是 DiskFileUpload 类 的 重要 方法 , 它 对 HTTP 请 求 消息 进行 解析 ,如 果 请 求 消息 中 
的 实体 内 容 的 类 型 不 是 multipart/form-data, 该 方法 将 抛 出 FileUploadException 异常 。 
parseRequest 方法 解析 出 FORM 表单 中 每 个 字段 的 数据 ,并 将 它们 分 别 包 装 成 独立 的 
Fileltem 对 象 , 然后 将 这 些 Fileltem 对 象 加 入 一 个 List 类 型 的 集合 对 象 中 返回 。 
parseRequest 方法 的 完整 语法 定义 如 下 : 


public List parseRequest(HttpServletRequest req) 


parseRequest 方法 还 有 一 个 重 载 方法 ,该 方法 集中 处 理 上 述 所 有 方法 的 功能 ,其 完整 请 
法 定义 如 下 : 


parseRequest(HttpServletRequest req, int sizeThreshold, long sizeMax, String path) 


这 两 个 parseRequest 方法 都 会 抛 出 FileUploadException 异常 。 

5) isMultipartContent 方法 

该 方法 用 于 判断 请 求 中 的 内 容 是 否 是 multipart/form-data 类 型 ,是 则 返回 true, 否 则 
返回 false。isMultipartContent 方法 是 一 个 静态 方法 ,不 用 创建 DiskFileUpload 类 的 实例 
对 象 即 可 被 调用 ,其 完整 语法 定义 如 下 : 


public static final boolean isMultipartContent (HttpServletRequest req) 


6) setHeaderEncoding 方法 

对 于 浏览 器 上 传 给 Web 服务 器 各 个 表单 字段 的 描述 头 内 容 ,Apache 文件 上 传 组 件 都 
需要 将 它们 转换 成 字符 串 形式 返回 ,setHeaderEncoding 方法 用 于 设置 转换 时 所 使 用 的 字 
符 集 编码 。setHeaderEncoding 方法 的 完整 语法 定义 如 下 : 





public void setHeaderEncoding(String encoding) 


其 中 ,encoding 参数 用 于 指定 将 各 个 表单 字段 的 描述 头 内 容 转 换 成 字符 串 时 所 使 用 的 
字符 集 编码 。 注 意 , 如 果 在 使 用 Apache 文件 上 传 组 件 时 遇 到 了 中 文字 符 的 乱码 问题 ,一 般 
都 没有 正确 调用 setHeaderEncoding 方法 。 
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2. FileItem 类 

FileItem 是 一 个 接口 ,在 应 用 程序 中 使 用 的 实际 上 是 该 接口 一 个 实现 类 ,该 实现 类 的 
名 称 并 不 重要 ,程序 可 以 采用 Fileltem 接口 类 型 来 对 它 进行 引用 和 访问 ,为 了 便于 讲解 ， 
这 里 将 FileItem 实现 类 称 为 Fileltem 类 。Fileltem 类 用 来 封装 单个 表单 字段 元 素 的 数据 ， 
一 个 表单 字段 元 素 对 应 一 个 Fileltem 对 象 ,通过 调用 FileItem 对 象 的 方法 可 以 获得 相关 
表单 字段 元 素 的 数据 。 对 于 multipart/form-data 类 型 的 FORM 表单 ,浏览 器 上 传 的 实体 
内 容 中 的 每 个 表单 字段 元 素 的 数据 之 间 用 字段 分 隔 界 线 进 行 分 割 ,两 个 分 隔 界线 间 的 内 
容 称 为 一 个 分 区 ,每 个 分 区 中 的 内 容 可 以 被 看 作 两 部 分 ,一 部 分 是 对 表单 字段 元 素 进行 
描述 的 描述 头 ; 另外 一 部 是 表单 字段 元 素 的 主体 内 容 ,主体 部 分 有 两 种 可 能 性 ,要 么 是 用 
户 填写 的 表单 内 容 , 要 么 是 文件 内 容 。FileItem 类 对 象 实际 上 就 是 对 一 个 分 区 数据 进行 
封装 的 对 象 , 它 内 部 用 了 两 个 成 员 变 量 来 分 别 存储 描述 头 和 主体 内 容 , 其 中 保存 主体 内 
容 的 变量 是 一 个 输出 流 类 型 的 对 象 。 当 主体 内 容 小 于 DiskFileUpload. setSizeThreshold 
方法 设置 的 临界 值 时 ,这 个 流 对 象 关联 到 一 片 内 存 , 主 体内 容 将 会 被 保存 在 内 存 中 。 当 
主体 内 容 超 过 DiskFileUpload. setSizeThreshold 方法 设置 的 临界 值 大 小 时 ,这 个 流 对 象 关 
联 到 硬盘 上 的 一 个 临时 文件 ,主体 内 容 将 被 保存 到 该 临时 文件 中 。 临 时 文件 的 存储 目录 由 
DiskFileUpload. setRepositoryPath 方法 设置 ,临时 文件 名 的 格式 为 upload_00000005(8 位 
或 8 位 以 上 的 数字 ). tmp 这 种 形式 ,Fileltem 类 内 部 提供 了 维护 临时 文件 名 中 的 数值 不 重 
复 的 机 制 , 以 保证 了 临时 文件 名 的 唯一 性 。 

FileItem 类 中 的 几 个 常用 的 方法 如 下 : 

1) isFormField 方法 

isFormField 方法 用 于 判断 FileItem 类 对 象 封装 的 数据 是 否 属于 一 个 普通 表单 字段 ,还 
是 属于 一 个 文件 表单 字段 ,如 果 是 普通 表单 字段 则 返回 true, 否则 返回 false。isFormField 
方法 的 完整 语法 定义 如 下 : 


public boolean isFormField() 


2) getName 方法 
getName 方法 用 于 获得 文件 上 传 字段 中 的 文件 名 。 如 果 Fileltem 类 对 象 对 应 的 是 普 
通 表 单字 段 ,getName 方法 将 返回 null。getName 方法 的 完整 语法 定义 如 下 : 


public String getName() 


注意 : 如 果 用 户 使 用 Windows 系统 上 传 文件 ,浏览 器 将 传递 该 文件 的 完整 路 径 , 如 果 
用 户 使 用 Linux 或 UNIX 系统 上 传 文件 ,浏览 器 将 只 传递 该 文件 的 名 称 部 分 。 

3) getFieldName 方法 

getFieldName 方法 用 于 返回 表单 字段 元 素 的 name 属性 值 ,也 就 是 返回 各 个 描述 头 部 
分 中 的 name 属性 值 。getFieldName 方法 的 完整 语法 定义 如 下 : 


public String getFieldName() 


4) write 方 法 
write 方法 用 于 将 Fileltem 对 象 中 保存 的 主体 内 容 保存 到 某 个 指定 的 文件 中 。 如 果 


FileItem 对 象 中 的 主体 内 容 是 保存 在 某 个 临时 文件 中 ,该 方法 顺利 完成 后 ,临时 文件 有 可 能 
会 被 清除 。 该 方法 也 可 将 普通 表单 字段 内 容 写 人 到 一 个 文件 中 ,但 它 主 要 用 途 是 将 上 传 的 
文件 内 容 保存 在 本 地 文件 系统 中 。write 方法 的 完整 语法 定义 如 下 : 


public void write(File file) 


5) getString 方法 
getString 方法 用 于 将 Fileltem 对 象 中 保存 的 主体 内 容 作为 一 个 字符 串 返 回 , 它 有 两 个 
重 载 的 定义 形式 : 


public java. lang. String getString() 
public java. lang. String getString( java. lang. String encoding) 


前 者 使 用 默认 的 字符 集 编码 将 主体 内 容 转 换 成 字符 串 ; 后 者 使 用 参数 指定 的 字符 集 编 
码 将 主体 内 容 转换 成 字符 串 。 如 果 在 读 取 普 通 表单 字段 元 素 的 内 容 时 出 现 了 中 文 乱码 现 
象 , 可 以 调用 第 二 个 getString 方法 ,并 为 之 传递 正确 的 字符 集 编码 名 称 。 

6) getContentType 方法 

getContentType 方法 用 于 获得 上 传 文件 的 类 型 。 如 果 FileItem 类 对 象 对 应 的 是 普通 
表单 字段 ,该 方法 将 返回 null。getContentType 方法 的 完整 语法 定义 如 下 : 


public String getContentType( ) 


7) isInMemory 方法 

isInMemory 方法 用 来 判断 Fileltem 类 对 象 封装 的 主体 内 容 是 存储 在 内 存 中 ,还 是 存储 
在 临时 文件 中 ,如 果 存 储 在 内 存 中 则 返回 true, 和 否则 返回 false。isInMemory 方法 的 完整 语 
法 定义 如 下 : 


public boolean isInMemory() 


8) delete 方法 

delete 方法 用 来 清空 Fileltem 类 对 象 中 存放 的 主体 内 容 , 如 果 主 体内 容 被 保存 在 临时 
文件 中 ,delete 方 法 将 删除 该 临时 文件 。 尽 管 Apache 组 件 使 用 了 多 种 方式 来 尽量 及 时 清理 
临时 文件 ,但 系统 出 现 异常 时 , 仍 有 可 能 造成 有 的 临时 文件 被 永久 保存 在 了 硬盘 中 。 在 有 些 
情况 下 ,可 以 调用 这 个 方法 来 及 时 删除 临时 文件 。delete 方法 的 完整 语法 定义 为 : 


public void delete() 


3. FileUploadException 类 
在 文件 上 传 过 程 中 ,可 能 发 生 各 种 各 样 的 异常 ,如 网 络 中 断 、 数 据 丢 失 等 。 为 了 对 不 同 异 
常 进行 合适 的 处 理 ,Apache 文件 上 传 组 件 还 开发 了 4 个 异常 类 ,其 中 FileUploadException 是 
其 他 异常 类 的 父 类 ,其 他 几 个 类 只 是 被 间接 调用 的 底层 类 ,对 于 Apache 组 件 调 用 人 员 来 
说 ,只 需 对 FileUploadException 异常 类 进行 捕获 和 处 理 即 可 。 
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下 面 的 例子 ,使 用 Apache 文件 上 传 组 件 ,采用 JSP 十 Servlet 技 
术 实 现 文件 上 传 功 能 。 首 先 , 将 commons-fileupload-1. 3. jar 复制 到 
WebRoot\WEB-INF\lib\ 中 。 在 DD 盘 新 建文 件 夹 upfile, 上 传 的 文件 el 








ne 
保存 在 D:\upfile 文件 中 。 国史 
首先 ,设计 一 个 Servlet(FileUploadServlet. java) 类 ,该 Servlet 接 新 的 文件 上 传 


收 浏 览 器 传 来 的 文件 ,保存 到 服务 器 上 指定 的 文件 夹 中 。 Servlet 设计 
代码 (bookstore 项 目 /src/servlettest/FileUploadServlet. java) 的 
清单 : 


package servlettest; 
import java. io. File; 
import java. io. IOException; 
import java. io. PrintWriter; 
import java. util. Iterator; 
import java. util. List; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import org. apache. commons. fileupload,. DiskFileUpload; 
import org. apache, commons. fileupload., FileItem; 
import org, apache, commons. fileupload., FileUploadException; 
public class FileUploadServlet extends HttpServlet { 
public FileUploadServlet() { 
super(); 
; 
public void destroy() { 
super. destroy( ); 
} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html;charset = utf ~ 8"); 
PrintWriter out = response.getWriter(); 
// 设 置 保存 上 传 文件 的 目录 
String uploadDir = "d:/upfile"; // 文 件 上 传 后 的 保存 路 径 
out. println(" 上 传 文件 存储 目录 !" + uploadDir); 
File fUploadDir = new File(uploadDir); 
if(!fUploadDir. exists()){ 
if(!fUploadDir. mkdir()){ 
out. println(" 无 法 创建 存储 目录 d: /upfile!"); 
return; 
} 
} 
if (!DiskFileUpload. isMultipartContent(request)){ 
out. println(" 只 能 处 理 multipart/form- data 类 型 的 数据 !"); 
return; 
} 
DiskFileUpload fu = new DiskFileUpload(); 
fu. setSizeMax(1024*1024* 200); // 最 多 上 传 200MB 数据 
fu. setSizeThreshold(1024 x* 1024); // 超 过 1MB 的 数据 采用 临时 文件 缓存 


//fu. setRepositoryPath(… ); // 设 置 临时 文件 存储 位 置 (如 不 设置 , 则 采用 默认 位 置 ) 
fu. setHeaderEncoding("utf -8"); // 设 置 上 传 的 文件 字段 的 文件 名 所 用 的 字符 集 编码 
List fileItems = null; // 创 建文 件 集合 ,用 于 保存 浏览 器 表单 传 来 的 文件 
try 
{ 
fileItems = fu.parseRequest(request); 
} 
catch(FileUploadException e) 
{ 
out. println(" 解 析 数 据 时 出 现 如 下 问题 : "); 
e. printStackTrace(out); 
return; 
} 
// 下 面 通过 迭代 器 逐个 将 集合 中 的 文件 取出 ,保存 到 服务 器 上 
Iterator it = fileItems. iterator(); // 创 建 迭代 器 对 象 让 
while (it. hasNext()) 
FileItem fitem = (FileItem) it.next(); // 由 迭代 器 取出 文件 项 
证 (!fitem. isFormField()) // 忽 略 其 他 不 属于 文件 域 的 那些 表单 信息 
try{ 
String pathSrc = fitem.getName(); 
// 文 件 名 为 空 的 文件 项 不 处 理 
if(pathSrc. trim().equals(""))continue; 
// 确 定 最 后 的 "\" 位 置 ,以 此 获取 不 含 路 径 的 文件 名 
int start = pathSrc. lastIndexOf(\\'); 
// 获 取 不 含 路 径 的 文件 名 
String fileName = pathSrc. substring(start + 1); 
File pathDest = new File(uploadDir, fileName); // 构 建 目标 文件 对 象 
fitem. write(pathDest) // 将 文件 保存 到 服务 器 上 
} 
catch (Exception e) 
{ 
out. println(" 存 储 文件 时 出 现 如 下 问题 :"); 
e. printStackTrace(out); 
return; 
} 
finally // 总 是 立即 删除 保存 表单 字段 内 容 的 临时 文件 
{ 
fitem. delete() 
h 
} 
response. sendRedirect("../test/fileupload_ list. jsp"); 
}; 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException{ 
doGet (request, response); 
} 
public void init() throws ServletException { 
} 
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web. xml 中 Servlet 配置 信息 如 下 : 


< servlet> 

< servlet - name > FileUploadServlet </servlet - name> 

< servlet - class > servlettest. FileUploadServlet </servlet ~ class> 
</servlet> 
< servlet — mapping> 

< servlet - name > FileUploadServlet </servlet - name> 

<url - pattern>/servlet/FileUploadServlet </url - pattern> 

</servlet — mapping > 


再 设计 一 个 JSP(fileupload. jsp) 文 件 ,用 于 向 服务 器 传送 文件 。 
代码 (bookstore 项 目 /WebRoot/test/fileupload. jsp) 的 清单 : 


<% @ page language = "java" %> 
<% @ page contentType = "text/html;charset = gb2312" %> 
<html> 
<head><title> 文 件 上 传 </title></head> 
< body bgcolor = "#FFFFFF" text = "#000000" leftmargin= "0" topmargin = "40" 
marginwidth= "0" marginheight = "0"> 
<center >< hl > 文件 上 传 </hl > 
< form name = "uploadform" method = "POST" action = "..\servlet\FileUploadServlet" 
ENCTYPE = "multipart/form - data"> 
<table border = "3" width= "450" cellpadding = "4" 
cellspacing = "2" bordercolor = "#9BD7FF"> 
<tr> <td colspan= "2"> 
文件 1: < input type = "file" name = "filel" size="40"></td></tr> 
<tr> <td colspan= "2"> 
文件 2: < input type = "file" name = "file2" size= "40"></td></tr> 
<tr> <td colspan = "2"> 
文件 3: < input type = "file" name = "file3" size= "40"></td></tr> 
</table><br><br> 
<table> 
<tr> <tdalign= "center"> 
< input type = "submit" name = "submit" value = "开始 上 传 "/></td></tr> 
</table> 
</form></center > 
</body> 
</html > 


用 于 显示 文件 上 传 结果 的 JSP(fileupload_list. jsp) ,文件 如 下 。 
代码 (bookstore 项 目 /WebRoot/test/fileupload_list. jsp) 的 清单 : 





<% @ page contentType = "text/html; charset = GB2312" import = "java. io. *" %> 
<html> 

<head> <title> 文 件 目录 </title></head> 

<body> 

<font size=4 color = red> 已 上 传 的 文件 目录 列表 </font ><br> 

<font size=5 color= blue> 

< 第 


String path = "d: /upfile"; 
Pile fl = new File(path); 
File filelist[] = fl.listFiles(); 
out.println(" 服 务 器 上 上 传 文件 的 保存 路 径 : " + path+ "<br><br>"); 
for(int i=0; i < filelist. length; i++) 
| 
out.println((i+1)+":"+filelist[i].getName() + "gnbsp;g&nbsp;<br>"); 
// 如 果 是 图 片 文件 ,可 用 以 下 语句 显示 图 片 . 
//out. println("< img src = images\\" + filelist[i].getName()+"><br><br>"); 
} 
%> 
</body> 
</html> 


程序 运行 结果 如 图 7-11 所 示 。 
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已 上 传 的 文件 目录 列表 = 
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(b) 服务 器 显示 成 功 已 上 传 的 文件 列表 


图 7-11 文件 上 传 











|@ Internet 


7.5.3 利用 Servlet 结合 Ajax 实现 无 刷新 页 面 更 新 功能 


Ajax(Asynchronous JavaScript and XML) 是 异步 的 JavaScript 和 XML。Aijax 最 大 的 
优点 是 在 不 重新 加 载 整个 页 面 的 情况 下 ,可 以 与 服务 器 交换 数据 并 更 新 部 分 网 页 内 容 ， 
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Ajax 不 需要 任何 浏览 器 插件 ,但 需要 用 户 允 许 JavaScript 在 浏览 器 上 执行 。 

Ajax 技术 的 核心 是 XMLHttpRequest 对 象 ,可 以 通过 使 用 XMLHttpRequest 对 象 获 
取 到 服务 器 的 数据 ,然后 再 通过 DOM 将 数据 在 页 面 中 呈现 。 虽 然 名 字 中 包含 XML ,但 
Ajax 与 数据 格式 无 关 , 所 以 这 里 的 数据 格式 可 以 是 字符 串 .XML 或 JSON 等 格式 。 

Ajax 的 工作 原理 简单 来 说 是 通过 XmlHttpRequest 对 象 来 向 服务 器 发 送 异 步 请 求 , 从 
服务 器 获得 数据 ,然后 用 Javascript 来 操作 DOM 而 更 新 页 面 。 其 中 最 关键 的 一 步 就 是 从 服 
务 器 获得 请 求 数据 。 

XMLHttpRequest 这 个 对 象 的 具有 如 下 属性 : 

。 onreadystatechange: 每 次 状态 改变 所 触发 事件 的 事件 处 理 程序 。 

。 responseText: 从 服务 器 进程 返回 数据 的 字符 串 形 式 。 

。 responseXML: 从 服务 器 进程 返回 的 DOM 兼容 的 文档 数据 对 象 。 

。 status: 从 服务 器 返回 的 数字 代码 ,例如 常见 的 404( 未 找到 ) 和 200( 已 就 绪 ) 。 

。 status Text: 伴随 状态 码 的 字符 串 信息 。 

。 readyState: 对 象 状态 值 , 取 值 含义 如 下 : 

0 未 初始 化 状态 。 对 象 已 建立 ,但 是 尚未 初始 化 (尚未 调用 open 方法 )。 
1 初始 化 状态 。 对 象 已 建立 ,尚未 调用 send 方法 。 

2 发 送 数据 状态 。send 方法 已 调用 ,但 是 当前 的 状态 及 HTTP 头 未 知 。 
3 数据 传送 状态 。 已 经 收 到 部 分 响应 数据 。 

4 数据 传送 完成 状态 。 收 到 全 部 响应 数据 。 

由 于 在 IE 浏览 器 和 其 他 浏览 器 之 间 存 在 差异 ,所 以 创建 一 个 XMLHttpRequest 对 象 
需要 使 用 不 同 的 方法 。 

完整 实现 一 个 Ajax 异步 调用 和 局 部 刷新 ,通常 需要 以 下 几 个 步骤 ， 

(1) 创建 XMLHttpRequest 对 象 ,也 就 是 创建 一 个 异步 调用 对 象 。 

(2) 创建 一 个 新 的 HTTP 请 求 , 并 指定 该 HTTP 请 求 的 方法 `URL 及 验证 信息 。 

(3) 设置 响应 HTTP 请 求 状 态 变化 的 函数 。 

(4) 发 送 HTTP 请 求 。 

(5) 获取 异步 调用 返回 的 数据 。 

(6) 使 用 JavaScript 和 DOM 实现 局 部 刷新 。 

下 面 程序 示例 的 功能 是 利用 Ajax 和 Servlet 实现 多 行 表格 页 面 无 刷新 更 新 操作 。 这 是 
一 个 多 行 的 表格 ,在 表格 的 某 一 列 填写 数据 ,由 XMLHttpRequest 对 象 将 该 数据 提交 给 服 
务 器 上 的 Servlet,Servlet 接受 用 户 数据 ,进行 业务 处 理 ,处 理 完毕 后 向 浏览 器 返回 字符 串 信 
息 ,浏览 器 监视 XMLHttpRequest 对 象 的 readyState 状态 ,通过 responseText 获取 来 自 服 
务 器 返回 的 字符 串 数据 信息 ,使 用 Javascript 来 操作 DOM, 将 收 到 的 字符 串 填写 到 当前 行 
的 另 一 列 中 ,实现 无 刷新 更 新 页 面 的 功能 。 

代码 (/jspweb 项 目 /src/util/TableajaxServlet. java) 的 清单 : 


package util; 
import java. io. IOException; 
import java. io. PrintWriter; 


import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
public class TableajaxServlet extends HttpServlet { 
public TableajaxServlet() { 
super(); 
} 
public void destroy() { 
super. destroy(); 


} 


public void doGet (HttpServletRequest request, HttpServletResponse response) 


throws ServletException, IOException { 
doPost (request, response); 
} 


public void doPost(HttpServletRequest request, HttpServletResponse response) 


throws ServletException, IOException { 
response. setContentType( "text/html"); 
response. setCharacterEncoding( "gbk" ); 
PrintWriter out = response. getWriter(); 
String value = request. getParameter("value"); 
// 后 台 其 他 业务 处 理 ( 略 ) 

out,. print(value); // 向 浏览 器 返回 字符 串 
out, flush(); 
out. close( ); 
} 

public void init() throws ServletException { 
} 


代码 (spweb/ WebRoot/ch07/table_ajax. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. *" pageEncoding = "UTF — 8" %> 


<! DOCTYPE HTML PUBLIC " ~ //W3C//DTD HTML 4.01 Transitional//EN"> 


<html> 
<head> 
< title > 无 刷新 多 行 表格 操作 示例 </title> 
</head> 
< script language = "javascript"> 
var xmlhttp; //XMLHttprequest 对 象 
var value; // 用 户 在 表格 某 列 输入 的 值 
var myid; // 表 格 某 列 输入 域 的 ID 


function createXMLHttpRequest() {// 声 明 创 建 XMLHttprequest 对 象 的 方法 
if (window. ActiveXObject) { 
xmlhttp = new ActiveXObject("Microsoft. XMLHTTP"); 
} else{ 
xmlhttp = new XMLHttpRequest(); 
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function startRequest(id) { 
myid = id; 
value = document. getElementById(myid+"c").value; // 获 取 第 c 列 输入 的 值 
if (value == ""){ 
alert("value 不 能 为 空 蛾 !"); 
return false; 
} 
var url = "../TableajaxServlet?value = "+ value; 
createXMLHttpRequest(); // 创 建 XMLHttprequest 对 象 xmlhttp 
// 设 置 状 态 改 变 时 所 调用 的 函数 ,注意 这 里 只 能 是 方法 名 . 
xmlhttp. onreadystatechange = stateChange; 
xmlhttp. open( "GET", url, true); // 设 置 请 求 参 数 
xmlhttp. send(nul11); // 向 服务 器 Servlet 发 送 请 求 
} 
// 定 义 XMLHttprequest 对 象 的 readyState 状态 改变 时 所 调用 的 函数 stateChange() 
function stateChange() { 
if (xmlhttp. readyState == 4) { 
if (xmlhttp. status == 200) { 
document. getElementById(myid + "b"). innerHTML = xmlhttp. responseText; 
b 
} 
} 
</script > 
<body> 
<div align = "center"> 
< font color = "blue" size = "6"> 无 刷新 多 行 表格 操作 示例 </font > 
<table class = "table table - hover" border = "1px"> 


<tr> 
<td> 标题 A </td>< td> 标题 B</td>< td> 标题 C </td> 
<% 
for(int i=0;i<70;i++){ 
%> 
<tr> 


<tdid="<% =i%>a"><% =i$%> 列 A</td> 
<tdid="<% =i%>b"><% =is%> 列 B</td> 
< td> 请 输入 :< input type = "text" maxlength="10" size="10" id="<% =i%>c"> 
< input type = "submit"” value = "提交 " onclick = startRequest(<% =i%>)> 

</td> 

<%} %> 

</table> 

</div> 

</body> 
</html > 


本 例 中 ,给 表格 的 所 有 行 的 列 都 添加 了 id 属性 ,使 用 序号 加 字母 组 合作 为 id, 不 同 列 的 
id 由 序号 数字 加 a、b、c 作 区 分 。 服 务 器 上 的 Servlet 以 字符 串 形 式 返回 一 个 值 。 浏 览 器 端 
利用 Ajax 技术 ,使 用 xmlhttp. responseText 方法 获取 服务 器 返回 的 数据 ,并 将 该 数据 “无 
刷新 ”地 写 入 到 “b” 列 中 。 如 果 要 从 服务 器 获取 多 个 值 , 则 Servlet 以 XML 组 织 数据 ,用 户 
端 采用 xmlhttp. responseXML 方法 获取 。 程 序 运行 结果 如 图 7-12 所 示 。 





台 炙 无 Bi 多 行 表 客 庆 作 示例 a 


























< © http://127.0.0.1:8080/jspweb/chO07/table_ajaxjst@ $1 三 

无 刷新 多 行 表格 操作 示例 
+ 导 野 B 际 是 cC 
Ab 有 js。 情 输 入 : FE 
可 一 瑟 输入 : 

BA lp 3 提交 
A J 输入 : 提交 
ET es 1 
| 本 到 
BA 2p 提交 
lA 3lp 请 输入 : 提交 
4 列 k Po181011 傅 输入 : 20181011 提交 
SA ss ， 提交 
6 列 k hello : hello 提交 
7 列 & kr 和 js。 情 输 入 : 提交 
8 列 B 入 : 提交 
J ejp 。 情 输入 : 提交 
|Eoajp 请 输入 : 提交 

1 列 人 目 ! 列 8 陋 输入 : 提交 
Os oR 志和 | 查询 

家 今日 信 莘 快 盘 多 _@) 今日 直 双 同 热 S 容 凡 隐 好 业 T 载 巴 全 1 Q75% 汪 





7-12 无 刷新 多 行 表格 操作 运行 结果 


7.6 项 目 案例 3 网 上 书店 后 台 设 计 


网 上 书店 项 目 主要 分 前 台 设 计 和 后 台 设计 两 大 部 分 ,实际 应 用 中 一 
般 将 前 后 台 分 开设 计 和 发 布 ,前 台 部 分 供 客户 浏览 图 书 、 选 购 图 书 等 操 
作 ; 后 台 部 分 供 书店 系统 管理 员 对 图 书 数据 进行 增 、 删 \ 改 、 查 、 统 计 管 
理 等 方面 的 操作 。 为 了 便于 学 习 , 这 里 将 前 后 台 整 合 在 一 起 讨论 。 这 里 Th 
先 讨论 后 台 部 分 的 设计 。 网 上 书店 后 台 设 计 

下 面 讨论 网 上 书店 后 台 设 计 实 例 。 

网 上 书店 后 台 操 作 要 实现 的 功能 是 对 后 台数 据 的 各 种 维护 工作 。 

在 实际 工程 项 目 开 发 中 ,设计 的 原则 是 尽量 采用 将 表现 层 与 逻辑 代码 分 开 的 设计 方式 ， 
也 就 是 尽 可 能 地 将 业务 处 理 放 入 JavaBean 或 Servlet 中 完成 。 

在 本 系统 中 ,图 书信 息 采 用 封装 数据 的 JavaBean(Title. java) 存 储 , 数 据 库 连接 由 封装 
业务 的 JavaBean(DBcon. java) 实 现 , 对 于 图 书 表 的 增 、 删 、 改 、 查 等 底层 数据 库 操作 ,采用 封 
装 业务 的 JavaBean(TitleDao. java) 来 实现 。 图 书 表 的 业务 层面 的 各 种 操作 由 Servlet 实现 ， 
这 种 将 业务 逻辑 处 理 代 码 与 JSP 页 面 表现 分 开 , 使 得 程序 的 结构 更 加 清晰 明了 ,易于 系统 
的 维护 。 网 上 书店 后 台 操 作 涉 及 JavaBean、Servlet 及 JSP 等 文件 的 设计 。 


7.6.1 图 书 实体 类 设计 


该 图 书 实体 类 (封装 数据 的 JavaBean) 设 计 的 实例 用 于 封装 图 书信 息 。 
代码 (bookstore 项 目 /src/bean/ Title. java) 的 清单 : 
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// 数 据 Bean, 用 于 封装 图 书 表 Titles 中 的 一 本 图 书记 录 


package bean; 

public class Title { 
private String isbn; //ISBN 
private String title; // 书 名 


private String copyright; // 版 权 

private String imageFile; // 封 面 图 像 文件 名 称 

private int editionNumber; // 版 本 号 

private int publisherId;  // 出 版 商 ID 

Private float price; // 价 格 

public String getIsbn() {return isbn;} 

public void setIsbn(String isbn) {this. isbn = isbn;} 

public String getTitle() {return title;} 

public void setTitle(String title) {this.title = title;} 

public String getCopyright() {return copyright;} 

public void setCopyright (String copyright) {this.copyright = copyright;} 
public String getImageFile() {return imageFile;} 

public void setImageFile(String imageFile) {this. imageFile = imageFile;} 
public int getEditionNumber() {return editionNumber;} 

public void setEditionNumber( int editionNumber) {this. editionNumber = editionNumber;} 
public int getPublisherId() {return publisherId;} 

public void setPublisherId( int publisherId) {this.publisherId = publisherId;} 
public float getPrice() {return price;} 


public void setPrice(float price) {this.price = price;} 


7.6.2 数据 库 底层 操作 业务 类 设计 


对 于 图 书 表 数 据 库 底层 操作 业务 ,采用 封装 业务 的 JavaBean 来 实现 ,首先 设计 包含 操 
作 图 书 表 的 各 种 方法 的 接口 类 (TitleDao. java) ,再 完成 它 的 实现 类 (TitleDaoImpl. java) ,以 
后 对 图 书 表 的 底层 访问 操作 均 调用 该 业务 类 的 相关 方法 。 

代码 (bookstore 项 目 /src/bean/TitleDao. java ) 的 清单 : 


// 图 书 表 底 层 访问 操作 接口 类 设计 
package bean; 

import java. util.List; 

public interface TitleDao 

{ 


public List <Title> getTitles(); // 获 得 图 书 列表 的 方法 声明 
public int add(Title titlebean); // 添 加 图 书 的 方法 声明 
public int delete(String isbn); // 删 除 图 书 的 方法 声明 





public int update(Title titlebean); // 修 改 图 书 的 方法 声明 
public Title findByIsbn(String isbn);  // 根 据 书号 查找 图 书 的 方法 声明 


代码 (bookstore 项 目 /src/bean/TitleDaoImpl. java) 的 清单 : 


// 图 书 表 底层 操作 类 设计 ,这 是 接口 TitleDao 的 实现 类 ,实现 了 接口 中 声明 的 5 个 方法 


package bean; 

import java. sql. Connection; 

import java. sql. PreparedStatement; 
import java. sql. ResultSet; 

import java. sql. SOLException7 
import java. util. ArrayList; 

import java. util. *; 


public class TitleDaoImpl implements TitleDao {  // 接 口 TitleDao 的 实现 类 


private Connection connection; 
private PreparedStatement titlesQuery; 
private ResultSet results; 


// 实 现 getTitles 方法 ,返回 BookBeans 列表 集合 


public List <Title> getTitles() { 


// 新 建 图 书 列表 集合 类 titlesList, 用 于 保存 查询 到 的 全 部 图 书 
List <Title> titlesList = new ArrayList <Title>(); 
// 通 过 连接 类 访问 数据 库 , 获取 书籍 数据 集 ResultSet results 


try { 


connection = DBcon. getConnction(); 
titlesQuery = connection. prepareStatement("select isbn, title, 
editionNumber, copyright, publisherID, imageFile, price 
from titles order by title"); 
ResultSet results = titlesQuery. executeQuery(); 
// 循 环 读 取 结果 集中 的 每 行 记录 ,封装 为 图 书 Bean, 添加 到 图 书 列表 (titlesList) 集 合 中 


while (results.next()) { 
Title book = new Title(); 


BEEEEgE 


// 对 每 行 数据 创建 一 个 图 书 封装 类 的 实例 


.setIsbn(results. getString("isbn")); 
.setTitle(results. getString("title")); 

. setEditionNumber(results. getInt ("editionNumber")); 
. SetCopyright (results. getString("copyright")); 

. SetPublisherId(results. getInt("publisherID")); 

. setImageFile(results. getString("imageFile")); 

. setPrice(results. getFloat("price")); 


// 将 图 书 Bean(book) 添 加 到 List 集合 类 (titlesList) 中 


titlesList. add(book); 
} 


} 
catch (SQLException exception) { 


exception. printStackTrace( ); 


} 

finally { 
DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection( connection); 

} 


return titlesList; 


} 


// 实 现 add 方 法 ,将 给 定 的 图 书 Bean 添加 到 数据 库 图 书 表 中 


public int add(Title titlebean) { 
int result = 0; 
try { 


// 利 用 封装 类 的 实例 向 表 titles 中 插入 记录 
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connection = DBcon. getConnction(); 
String sql = "insert into titles(isbn, title, editionNumber, "; 
sql += "copyright, publisherID, imageFile, price) values(?,?,?,?,?,?,?)"; 
titlesQuery = connection. prepareStatement(sql); 
titlesQuery. setString(1, titlebean. getIsbn()); 
titlesQuery. setString(2, titlebean. getTitle()); 
titlesQuery. setInt(3, titlebean. getEditionNumber()); 
titlesQuery. setString(4, titlebean. getCopyright()); 
titlesQuery. setInt(5, titlebean. getPublisherId( )); 
titlesQuery. setString(6, titlebean. getImageFile()); 
titlesQuery. setFloat(7, titlebean. getPrice()); 
result = titlesQuery. executeUpdate( ) ; 

} catch (Exception e) { 

e. printStackTrace( ); 


} 
finally { 
DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection(connection); 
} 


return result; 
} 
// 实 现 delete 方法 ,将 数据 库 图 书 表 中 给 定 书 号 的 图 书 删除 
public int delete(String isbn) { ”// 根 据 图 书 ISBN 删除 记录 
int result = 0; 
try { 
connection = DBcon.getConnction(); 
String sql = "delete from titles where isbn='" + isbn + """; 
titlesQuery = connection. prepareStatement(sql); 
result = titlesQuery. executeUpdate(); 
} catch (Exception e) { 
e. printStackTrace( ); 


} 

finally { 
DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection(connection); 

} 


return result; 
1 
// 实 现 update 方法 ,利用 给 定 的 图 书 Bean, 更 新 图 书信 息 
public int update(Title titlebean) { // 利 用 封装 类 的 实例 更 新 表 titles 中 记录 
int result = 0; 
try { 
connection = DBcon. getConnction(); 
String sql "update titles set title = ?，editionNumber =?, "; 
sql += "copyright =?,publisherID=?, imageFile = ?,price=? where isbn= ?"; 
titlesQuery = connection. prepareStatement(sql); 
titlesQuery. setString(1, titlebean. getTitle()); 
titlesQuery. setInt(2, titlebean. getEditionNumber( )); 


titlesQuery. setString(3，titlebean. getCopyright()); 
titlesQuery. setInt(4, titlebean. getPublisherId( )); 
titlesQuery. setString(5, titlebean. getImageFile()); 
titlesQuery. setFloat(6, titlebean. getPrice()); 
titlesQuery. setString(7, titlebean. getIsbn()); 
result = titlesQuery. executeUpdate( ) ; 

} catch (Exception e) { 
e. printStackTrace( ); 


} 

finally { 
DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection( connection); 

| 


return result; 
} 
// 实 现 findByIsbn 方法 ,根据 给 定 的 书号 查找 某 一 图 书 ,返回 图 书 Bean 
public Title findByIsbn(String isbn) { // 根 据 ISBN 查找 图 书 

Title book = null; 


try { 
connection = DBcon. getConnction(); 
String sql = "SELECT # FROM titles where isbn='" + isbn + ""™"; 


titlesQuery = connection. prepareStatement(sql); 
results = titlesQuery. executeQuery(); 
if (results. next()) { 
// 创 建 一 个 图 书 Bean 封装 类 的 实例 (book) ,封装 图 书信 息 
book = new Title(); 
book. setIsbn(results. getString("isbn")); 
book. setTitle(results. getString("title")); 
book. setEditionNumber(results. getInt("editionNumber")); 
book. setCopyright(results. getString("copyright")); 
book. setPublisherId(results. getInt("publisherID")); 
book. setImageFile(results. getString("imageFile")); 
book. setPrice(results. getFloat ("price")); 
} 
} catch (Exception e) { e.printStackTrace(); 
} finally { 
DBcon. closeResultSet (results); 
DBcon. closeStatement (titlesQuery); 
DBcon. closeConnection(connection); 
: 
return book; 。// 返 回 找到 的 图 书 Bean(book) 


7.6.3 逻辑 处 理 业务 类 (Servlet) 设计 


与 JavaBean 不 同 ,Servlet 能 像 JSP 一 样 接收 用 户 请 求 , 独 立地 完成 业务 层面 的 逻辑 处 


理 功能 。 这 里 设计 了 如 下 几 个 Servlet, 配 合 JSP 完成 有 关 后 台 业 务 操作 。 
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1. 逻辑 设计 

1) ToEditTitle. java 

从 数据 库 中 获取 所 要 编辑 的 图 书信 息 的 Servlet ,程序 的 具体 功能 包含 如 下 几 个 方面 : 

。 从 request 对象 中 获取 需要 编辑 的 书号 ,到 数据 库 中 查找 该 图 书 的 实体 信息 。 

。 将 查找 到 的 图 书 实体 存 人 request 对 象 中 。 

。 将 请 求 转发 到 图 书信 息 编辑 页 面 editTitle. jsp。 

2) DoSaveEditTitle. java 

将 修改 后 图 书信 息 保存 到 数据 库 的 Servlet ,程序 的 具体 功能 包含 如 下 几 个 方面 : 

。 从 request 对 象 中 获取 修改 后 的 图 书信 息 。 

。 将 图 书信 息 封装 成 图 书 实体 titlebean 。 

。 调用 数据 库 底 层 操作 工具 类 TitleDao 的 update(Title titlebean) 方 法 ,将 修改 后 的 
图 书 实体 titlebean 更 新 到 数据 库 的 图 书 表 中 。 

3) DoAddTitle. java 

将 新 增 图 书 保存 到 数据 库 的 Servlet ,程序 的 具体 功能 包含 如 下 几 个 方面 : 

。 从 request 对 象 中 获取 表单 传 来 的 新 增 图 书信 息 。 

。 将 图 书信 息 封装 成 图 书 实体 Bean(titlebean) 。 

。 调用 数据 库 底 层 操 作 工 具 类 TitleDao 的 add(Title titlebean) 方 法 ,将 新 增 的 图 书 实 
体 titlebean 添加 到 数据 库 的 图 书 表 中 。 

4) DoDeleteTitle. java 

从 数据 库 的 图 书 表 中 删除 指定 书号 的 图 书 的 Servlet, 具 体 功 能 如 下 : 

。 从 request 对 象 中 获取 书号 。 

。 调用 数据 库 底层 操作 业务 类 TitleDao 的 delete(String isbn) 方 法 ,删除 图 书 表 中 指 
定 书 号 的 图 书 。 

5) SaveUploadFile. java 

上 传 文件 的 Servlet ,具体 功能 如 下 : 

接收 浏览 器 传 来 的 图 书 封面 图 像 文 件 ,保存 到 服务 器 上 的 文件 夹 中 。 

2. 代码 设计 

下 面 完成 这 几 个 Servlet 的 代码 设计 。 

1) ToEditTitle. java 设计 

该 Servlet 的 主要 功能 是 从 数据 库 中 获取 所 要 编辑 的 图 书信 息 ,doPost 方法 中 的 业务 

处 理 内 容 如 下 : 
(1) 从 请 求 对 象 request 中 获取 书号 。 
(2) 调用 图 书 表 操 作业 务 JavaBean(TitleDaoImpl) 的 findByIsbn(isbn) 方 法 ,到 数据 库 
中 找到 该 图 书 ,返回 图 书 的 实体 信息 。 

(3) 再 将 图 书 实体 Bean 存 和 人 request 对 象 中 。 

(4) 将 请 求 转发 到 图 书信 息 编 辑 页 面 editTitle. jsp。 

代码 (bookstore 项 目 /src/servlet/ToEditTitle. java) 的 清单 : 


package servlet; 
import bean. *; 
import java. io. IOException; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
public class TogditTitle extends HttpServlet { 
public TogditTitle() { 
super(); 
} 
public void destroy() { 
super. destroy( ); 
} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html1"); 
String isbn = request. getParameter("isbn"); 
TitleDao titleDao = new TitleDaoImpl(); 
Title title = titleDao. findByIsbn( isbn); 
// 将 图 书信 息 保存 在 request 对 象 中 ,转发 到 编辑 页 面 
request. setAttribute("title", title); 
request. getRequestDispatcher("editTitle. jsp"). forward(request, response); 
} 
public void init() throws ServletException { 
4 


2) DoSaveEditTitle. java 设计 

该 Servlet 的 主要 功能 是 将 修改 后 的 图 书信 息 更 新 到 数据 库 中 ,doPost 方法 中 的 具体 
业务 处 理 内 容 如 下 : 

(1) 从 request 对 象 中 获取 表单 传 来 的 修改 后 的 图 书信 息 。 

(2) 将 图 书信 息 封 装 成 图 书 实体 titlebean 。 

(3) 调用 数据 库 图 书 表 操 作业 务 类 TitleDao 的 update( Title titlebean) 方 法 ,将 修改 后 
的 图 书 实体 titlebean 更 新 到 数据 库 的 图 书 表 中 。 

代码 (bookstore 项 目 /src/servlet/DoSaveEditTitle. java) 的 清单 : 


package servlet; 

import java. io. IOException; 

import javax. servlet. ServletException; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
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import bean. TitleDao; 
import bean. TitleDaoImpl; 
import bean. Title; 
public class DoSaveEditTitle extends HttpServlet { 
public DoSaveEditTitle() { 
super(); 
BE 
public void destroy() { 
super. destroy( ); 
RE 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost( request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/html"); 


// 获 取 表单 传 来 的 图 书 编辑 信息 

String isbn = request. getParameter("isbn"); //ISBN 

String title = request. getParameter("title"); // 书 名 

//title = new String(title. getBytes("ISO— 8859 — 1"), "GBK"); 

String copyright = request. getParameter("copyright"); // 版 权 

String imageFile = request. getParameter("imageFile"); // 封 面 图 像 文 件 名 称 


int editionNumber = Integer. parseInt(request. getParameter("editionNumber"));  // 版 本 号 
int publisherId = Integer. parseInt(request. getParameter("publisherId")); 
float price = Float. parseFloat(request. getParameter("price")); // 价 格 
// 将 数据 添加 进 封装 类 中 
Title titlebean = new Title( ); 
titlebean. setIsbn( isbn); 
titlebean. setCopyright (copyright); 
titlebean. setEditionNumber (editionNumber); 
titlebean. setImageFile( imageFile); 
titlebean. setPrice(price); 
titlebean. setPublisherId(publisherId); 
titlebean. setTitle(title); 
// 调 用 数据 库 操作 类 执行 更 新 操作 
TitleDao titleDao = new TitleDaoImp](); 
int n= titleDao. update(titlebean); 
if(n>0) 
response. sendRedirect ("listBook. jsp"); 


else 
response. sendRedirect ("error. jsp"); 
; 
public void init() throws ServletException { 
} 


3) DoAddTitle. java 设计 
该 Servlet 的 主要 功能 是 将 新 增 的 图 书 实体 titlebean 添加 到 数据 库 的 图 书 表 中 ， 


doPost 方法 中 的 具体 业务 处 理 内 容 如 下 : 

(1) 从 request 对 象 中 获取 由 表单 传 来 的 新 增 图 书 的 属性 参数 。 

(2) 将 获得 的 图 书信 息 封 装 成 图 书 实体 titlebean。 

(3) 调用 数据 库 图 书 表 操 作业 务 类 TitleDao 的 add(Title titlebean) 方 法 ,将 新 增 的 图 
书 实体 titlebean 添加 到 数据 库 的 图 书 表 中 。 

代码 (bookstore 项 目 /src/servlet/DoAddTitle. java) 的 清单 : 


package servlet; 
import java. io. IOException; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import bean. TitleDao; 
import bean. TitleDaoImpl; 
import bean. Title; 
public class DoAddTitle extends HttpServlet { 
public DoAddTitle() { 
super(); 
} 
public void destroy() { 
super. destroy(); 
} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/htm1"); 
// 获 取 表单 传 来 的 新 增 的 图 书 属性 参数 
String isbn = request. getParameter("isbn"); //ISBN 
String booktitle = request. getParameter("title"); // 书 名 
//booktitle = new String(booktitle. getBytes("IS0— 8859 — 1"), "GBK"); 
String copyright = request. getParameter("copyright"); // 版 权 
String imageFile = request. getParameter("imageFile"); // 封 面 图 像 文 件 名 称 
int editionNumber = Integer. parseInt(request. getParameter("editionNumber"));  // 版 本 号 
int publisherId = Integer. parseInt(request. getParameter("publisherId")); 
float price = Float. parseFloat(request. getParameter("price")); // 价 格 
// 将 数据 添加 进 封装 类 中 
Title titlebean = new Title( ); 
titlebean. setIsbn( isbn); 
titlebean. setCopyright (copyright); 
titlebean. setEditionNumber (editionNumber); 
//title. setImageFile( imageFile); 
titlebean. setImageFile(isbn+".jpg"); 
titlebean. setPrice(price); 
titlebean. setPublisherId(publisherId); 
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titlebean. setTitle(booktitle); 
// 调 用 数据 库 操作 类 执行 插入 操作 
TitleDao titleDao = new TitleDaoImp](); 
int n= titleDao.add(titlebean); 
if(n>0) 
response. sendRedirect ("listBook. jsp" ); 
else 
response. sendRedirect ("error. jsp"); 
bE 
public void init() throws ServletException { 


执行 添加 业务 的 Servlet (DoAddTitle. java) 代码 和 执行 更 新 业务 的 Servlet 
(DoSaveEditTitle. java) 代 码 基 本 相同 ,唯一 不 同 的 是 调用 TitleDao 的 方法 不 同 ,一 个 是 
add(Title titlebean) 方 法 ; 另 一 个 是 update( Title titlebean) 方 法 。 

4) DoDeleteTitle. java 设计 

该 Servlet 的 主要 功能 是 删除 图 书 表 中 指定 书号 的 图 书 ,doPost 方法 中 的 具体 业务 处 
理 内 容 如 下 : 

(1) 从 request 对 象 中 获取 书号 参数 。 

(2) 调用 数据 库 图 书 表 操 作业 务 类 TitleDao 的 delete(String isbn) 方 法 ,删除 图 书 表 中 
指定 书号 的 图 书 。 

代码 (bookstore 项 目 /src/servlet/DoDeleteTitle. java) 的 清单 : 


package servlet; 
import java. io. IOException; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import bean. TitleDao; 
import bean. TitleDaoImpl]; 
public class DoDeleteTitle extends HttpServlet { 
public DoDeleteTitle() { 
super(); 
} 
public void destroy() { 
super. destroy( ); 
} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/htm1"); 


String isbn = request. getParameter("isbn"); 
TitleDao titleDao = new TitleDaoImp]l(); 

int n= titleDao. delete( isbn); 

if(n>0) response. sendRedirect("listBook. jsp"); 
else response. sendRedirect("error. jsp"); 


public void init() throws ServletException { } 


5) SaveUploadFile. java 设计 

该 Servlet 的 主要 功能 是 接收 从 浏览 器 传 过 来 的 图 书 封面 图 像 文 件 , 保 存 到 服务 器 上 项 
目 路 径 的 “\images” 文 件 夹 中 (对 应 于 “WebRoot\images” 文 件 夹 )。 这 里 使 用 了 Apache 
Commons FileUpload 文件 上 传 jar 包 , 使 用 时 先 下 载 三 个 jar 文件 (commons-fileupload-1. 
2. 1.jar、commons-io-1. 4. jar、cos. jar) ,并 将 这 三 个 jar 文件 放 入 项 目的 lib 中 。 

代码 (bookstore 项 目 /src/servlet/SaveUploadFile. java) 的 清单 : 


package servlet; 
import java. io. IOException; 
import java. sql. Connection; 
import java. sql. SQLException; 
import java. sql. Statement; 
import java. util. #*; 
import java. io. *; 
import org. apache. commons. fileupload. *; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import bean. DBcon; 
public class SaveUploadFile extends HttpServlet { 
public SaveUploadFile() { 
super(); 
上 
public void destroy() { 
super. destroy( ); 
| 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
String isbn = request. getParameter("isbn"); 
String path = request. getContextPath( ) ; 
// 封 面 图 像 文件 保存 在 WebRoot 下 的 “images” 文 件 夹 中 
String realpath = request. getRealPath("images"); 
String basePath = request. getScheme() +"://"+ request.getServerName()+":" 
+ request. getServerPort() + path+"/"; 
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System. out. println("path= "+ path); 
System. out. println("request. getRealPath( 'images') = " + realpath); 
System. out. println("basePath = " + basePath) ; 
System. out. println("isbn= "+ isbn); 
DiskFileUpload fu = new DiskFileUpload(); 
fu. setSizeMax(1024 * 1024); 1/ 设置 允许 用 户 上 传 文件 大 小 ,单位 : 字 节 
fu. setRepositoryPath(realpath) ; 
/* 以 下 接收 request 对 象 中 从 浏览 器 中 传 来 封面 图 像 文件 ,重新 以 书号 命名 , 
保存 到 “\ images” 文 件 夹 中 */ 
try{ List fileItems = fu.parseRequest(request); 
Iterator iter = fileItems. iterator(); 
while (iter. hasNext()) // 依 次 处 理 每 个 上 传 的 文件 
{ 
PileItem item = (FileItem) iter.next(); 
证 (!item. isFormField())  // 忽 略 其 他 不 是 文件 域 的 所 有 表单 信息 
{ /x* 以 下 为 文件 名 处 理 ,上 传 的 图 书 封 面 文 件 名 与 书号 相同 ， 
保存 在 “/images” 文 件 夹 下 。*/ 
File savedFile = new File(realpath, isbn+".jpg"); 
item. write(savedFile) ; 
} 
H 
catch(Exception e){} 
response. sendRedirect("uploadfile_show, jsp?isbn= "+ isbn); 
} 
public void init() throws ServletException { } 


7.6.4 后 台 功 能 模块 设计 


下 面 利用 前 面 已 经 准备 好 的 能 够 实现 相关 业务 处 理 功 能 的 Servlet, 完 成 后 台 部 分 中 的 
具有 “书架 维护 ”功能 的 列表 显示 图 书信 息 模块 设计 。 通 过 在 图 书 列表 页 面 (listBook. jsp) 
中 加 入 超 链 接 将 修改 图 书信 息 ,删除 图 书 、 新 增 图 书 等 操作 融 为 一 体 。 

代码 (bookstore 项 目 /WebRoot/listBook. jsp) 的 清单 : 


<% @ page language = "java" contentType = "text/html; charset = gbk" pageEncoding = "gbk" %> 
<$% @page import = "bean. *, java.util. *" %> 
< jsp:useBean id = "dao" class = "bean. TitleDaoImpl" scope = "request"/> 
<html> 
< head>< title> 书 架 维护 </title></head> 
<body> 
<hl align = "center"> 书 架 维护 </hl > 
<table bgcolor = lightgrey> 
<tr><td>ISBN</td><td> 书 名 </td><td> 版 本 </td>< td> 发 布 时 间 </td>< td> 价 格 </td></tr> 
<% List list = dao.getTitles(); // 添 加 图 书 列表 至 集合 类 list 中 
Title titles= null; 
for(int i=0;i<list.size();i++){ 


// 从 list 中 得 到 的 是 一 个 0bject 对 象 ,要 强制 转换 为 titles 对 象 


titles = (Title)list. get(i); 
竺 > 
<tr bgcolor = cyan> 


<td><a href ="./TogditTitle?isbn=<% =titles. getIsbn() %>" title= " 单 击 进入 编辑 "> 


<% =titles. getIsbn() %></a></td> 
<td> <% =titles. getTitle() %> </td> 
<td><% = titles. getEditionNumber() 多 ></td> 
<td><% = titles. getCopyright() %></td> 
<td><% = titles. getPrice() %> </td> 


<td><a href =". /DoDeleteTitle?isbn =<% = titles. getIsbn() %>"> 删 除 </a></td> 


</tr> 
<% }%> 
</table><br> 
<a href = "addTitle. jsp"> 添 加 图 书 </a><br> 
</body> 
</html> 


图 书 列表 页 面 (listBook. jsp) 运 行 结果 如 图 7-13 所 示 。 


书架 维护 


ISBN 书 名 版 本 发 布 时 间 价格 

9787811010102 C++ 程序 设计 2 1998 ”50.0 删除 
9787811019877 EJB JPA 数 据 库 持久 层 开发 3 2008 49.0 拙 除 
9787121072985 Flex 开 发 详解 1 2009 ”44.0 抽 除 
9787121072984 Java Web 开 发 实战 1 2009 ”49.0 删除 
9787302214748 JavaBE 基 础 教程 1 ”2010 ”29.0 删除 
9787811010103 JSP Web 技 术 及 应 用 教程 1 2013 28.0 删 除 
9787811010121 MySQL 数 据 库 应 用 开发 3 ”2012 ”54.0 删除 
9787811014322 Web 编 程 技术 1 ”2008 ”36.0 删除 


图 7-13 图 书 列表 页 面 (listBook. jsp) 运 行 结果 

在 listBook. jsp 中 为 图 书 ISBN 列 添加 了 一 个 链接 , 当 单 击 某 一 本 书 的 ISBN 时 ,链接 

到 ToEditTitle, 这 是 一 个 Servlet, 负 责 提 取 这 本 书 的 详细 信息 并 转发 到 编辑 界面 。 注 意 ， 
在 JSP 页 面 中 是 如 何 将 书号 参数 动态 传递 给 Servlet 的 。 在 JSP 页 面 中 可 以 通过 这 种 方式 


传递 参数 : 


<a href ="./ToEditTitle?isbn=<% = titles. getIsbn() %>"> 


其 中 ,isbn 是 传递 的 变量 的 名 称 ; JSP 表达 式 <% = titles. getlsbn()%> 是 变量 isbn 的 
值 (等 于 所 选 的 书号 ) ,这 个 变量 的 值 在 Servlet 中 可 以 通过 request. getParameter("isbn") 
得 到 。 如 果 传 递 多 个 参数 可 以 用 “&” 作 为 分 隔 符 。 删 除 链接 也 是 通过 以 上 的 方式 将 书号 
(isbn) 传 递 给 DoDeleteTitle, 这 也 是 一 个 Servlet, 负 责 从 图 书 表 titles 中 删除 数据 ,然后 转 





发 页 面 。 添 加 图 书 链接 直接 跳 转 到 addTitle. jsp 页 面 。 
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通过 < jsp:useBean id 一 "dao" class 一 "bean. TitleDaoImpl”scope 一 "request"/>, 将 封 
装 访问 图 书 表 数据 业务 的 TitleDaoImpl 类 导入 JSP 页 面 ,数据 库 的 连接 和 数据 库 操作 的 
Java 代码 在 JSP 页 面 中 没有 出 现 , 唯 一 要 处 理 的 是 存放 图 书 Bean 的 列表 集合 list, 页 面 中 
访问 图 书 表 的 操作 均 由 该 JavaBean(dao 对 象 ) 完 成 。 这 种 设计 方法 逻辑 清晰 ,使 用 方便 ,页 
面 整 洁 。 可 以 想象 ,如 果 不 采用 这 种 方式 操作 数据 库 ,JSP 代码 将 要 复杂 得 多 ,这 就 是 
JavaBean 的 优点 。 

下 面 分 别 介绍 “修改 图 书 交 添加 图 书 交 删除 图 书 ”“ 上传 封 面 ?等 功能 模块 的 设计 方法 。 

1.“ 修 改 图 书 ” 功 能 模块 设计 

修改 图 书信 息 功能 所 涉及 的 主要 文件 有 listBook. jsp、Servlet (ToEditTitle. java)、 
editTitle. jsp、Servlet(DoSaveEditTitle. java) 。 

“修改 图 书 ” 功 能 模块 设计 流程 如 图 7-14 所 示 。 


listBook.jsp 





书架 维护 


ISBN 书 名 版 本 发 布 时 间 价格 

9787121062629 EJB JPA 数 据 库 持久 居 开 发 3 2008 49.0 冯 除 
9787121072985Flex 3 RIA 开 发 详解 与 情 深 实 践 。 1 2009 44.0 双 除 
013993947 。 Java How to Progrmam (Java 1.1) 2 1998 50.0 开除 
























Servlet(ToEditTitle) 的 功能 是 : 

1 (1) 根据 收 到 的 书号 ， 调 用 TitleDao 的 findByIsbn(isbn) 方 法 到 数据 库 中 查找 该 图 书 的 实体 信息 。| 
将 查 到 的 图 书 实体 存 入 request 对 象 中 。 

专 发 到 图 书信 息 编辑 页 面 editTitlejsp。 











































editTitlejsp 
修改 图 书 
ISEN (a3oa2ia7as 
书 名 evseB 和 和 
封面 图 像 文件 名 称 T57302214748 
版 本 号 [ ee 
出 版 商 ID E 1Servlet(DoSaveEditTitle) 的 功能 是 : 1 
价格 Fo 1(1) 从 request 对 象 中 获取 修改 后 的 图 书信 息 。 1 
版 权 PP 12) 将 图 书信 息 封装 成 图 书 实体 titlebean 。 | 
| =|(3) 调用 数据 库 底 层 操作 工具 类 TitleDao 的 update 1 
传 图 书 封面 图 像 1(Title titlebean) 方 法 ， 将 修改 后 的 图 书 实体 titlebean | 
1 更 新 到 数据 库 的 图 书 表 中 。 1 
查看 图 书 封 盏 图 像 文件 --------------------- 了 











图 7-14 “修改 图 书 ” 功 能 模块 设计 流程 


在 图 书 列表 页 面 (listBook. jsp) 中 单 击 书号 ,经 Servlet(ToEditTitle) 到 数据 库 获 取 图 
书信 息 , 转 到 editTitle. jsp, 完 成 图 书 编辑 功能 。 
代码 (bookstore 项 目 /WebRoot/editTitle. jsp ) 的 清单 : 


<% @ page language = "java"” import = "bean. * " pageEncoding = "gbk" %> 
< htm] > 
<head > 
<title> 修 改 图 书页 面 </title> 
<% // 从 request 对 象 中 取出 属性 title 的 值 
Title title= (Title)request. getAttribute("title"); 
%> 
</head> 
<body> 
<hl > 修改 图 书 </hl > 
< form method = "post" action = ".\DoSaveEditTitle"> 
<table> 
<tr><td> ISBN </td> 
<td>< input type = "text”name = "isbn" readOnly = "true" 
value = "<% =title. getIsbn() %>"/></td></tr> 
<tr><td> 书 名 </td> 
<td>< input type = "text" name = "title" 
value = "<% =title. getTitle()%>"/></td></tr> 
<tr><td> 封 面 图 像 文件 名 称 </td> 
<td>< input type = "text" name = "imageFile" 
value = "<% =title. getImageFile() %>"/></td></tr> 
<tr><td> 版 本 号 </td> 
<td>< input type = "text" name = "editionNumber" 
value = "<% =title. getEditionNumber() %>"/></td></tr> 
<tr><td> 出 版 商 ID </td> 
<td>< input type = "text" name = "publisherId" readOnly= "true" 
value = "<% =title. getPublisherId() %>"/></td></tr> 
<tr><td> 价 格 </td> 
<td>< input type = "text" name = "price" 
value = "<% = 七 让 le. getPrice()%>"/></td></tr> 
<tr><td> 版 权 </td> 
<td>< input type = "text" name = "copyright" 
value = "<% = title. getCopyright() %>"/></td></tr> 
<tr><td>< input type = "submit" value = "保存 "/></td></tr> 
</table> 
</form>< br> 
<a href = "uploadfile. jsp?isbn=<% = title.getIsbn() %>"> 


上 传 图 书 封面 图 像 文 件 
</a> 
<br><br> <a href = "uploadfile_show. jsp"> 查 看 图 书 封面 图 像 文件 </a> 
</body> 
</html > 


在 上 面 的 代码 中 ,通过 request. getAttribute( "titles") 得 到 Servlet 中 传递 过 来 的 图 书 
属性 值 ,再 利用 JSP 表达 式 为 文本 框 的 value 属性 赋值 。 这 样 在 页 面 中 可 以 显示 图 书 的 原 
有 记录 内 容 。input 标签 中 的 readOnly 二 "true" 表 示 文 本 框 值 为 只 读 ,在 editTitle. jsp 页 面 
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中 ,isbn 是 表 的 键 ,不 能 修改 ,还 有 publisherId 在 这 里 不 能 直接 修改 , 它 是 publisher 表 的 外 
键 ,因此 ,它们 的 readOnly 二 "true" 表 示 不 能 修改 。 在 表单 中 填写 完 修改 信息 后 , 单 击 “ 保 
存 ” 按 钮 将 表单 提交 给 Servlet(DoSaveEditTitle) ,完成 数据 库 的 信息 更 新 工作 。 

2.“ 添 加 图 书 ” 功 能 模块 设计 

添加 图 书 操作 也 是 从 listBook. jsp 页 面 中 的 “添加 图 书 ” 超 链接 开始 ,该 超 链接 的 语 
名 为 : 


<a href = "addTitle. jsp"> 添 加 图 书 </a> 


通过 “添加 图 书 ” 超 链接 将 请 求 转发 到 添加 图 书页 面 
addTitle. jsp, 在 addTitle. jsp 页 面 中 填写 新 增 图 书信 息 的 表 ”添加 图 书 
单 ,通过 “添加 ”按钮 将 表单 提交 给 Servlet(DoAddTitle) ,由 该 ISBN 5550 一 一 
Servlet 完成 数据 库 中 新 增 图 书 的 操作 。 该 Servlet 从 request ” 拘 网 WRFRER 
对 象 中 获取 由 表单 传 来 的 新 增 图 书 的 属性 参数 ,将 获得 的 图 书 Rol 一 一 
信息 封装 成 图 书 实体 titlebean, 调 用 数据 库 图 书 表 底 层 操作 业 be En 
务 类 TitleDao 的 update(Title titlebean) 方 法 ,将 新 增 的 图 书 实 [ED 
体 titlebean 添加 到 数据 库 的 图 书 表 中 ,添加 图 书 编辑 界面 如 
图 7-15 所 示 。 图 7-15 添加 图 书 编辑 界面 
代码 (bookstore 项 目 /WebRoot/addTitle. jsp) 的 清单 : 





<%@ page language = "java" pageEncoding = "GBK" contentType = "text/html;charset = gbk"%> 
<html> 
<head> <title> 添 加 图 书页 面 </title> </head> 
<body> 
< hl > 添加 图 书 </hl > 
< form method = "post" action = "./DoAddTitle"> 
<table> 
<tr><td> ISBN</td>< td>< input type = "text" name = "isbn"/></td></tr> 
<tr><td> 书 名 </td>< td>< input type = "text" name= "title"/></td></tr> 
<tr><td> 封 面 图 像 文件 名 称 </td>< td>< input type = "text" name = "imageFile"/></td></tr> 
<tr><td> 版 本 号 </td><td>< input type = "text" name = "editionNumber"/></td></tr> 
<tr><td> 出 版 商 ID </td><td>< input type= "text" name = "publisherId"/></td></tr> 
<tr><td> 价 格 </td><td>< input type = "text"”name = "price"/></td></tr> 
<tr><td> 版 权 </td><td>< input type = "text" name = "copyright"/></td></tr> 
<tr><td>< input type= "submit" value = "添加 "/></td></tr> 
</table> 
</form> 
</body> 
</html > 


添加 页 面 与 修改 页 面 基本 相同 ,只 是 在 修改 页 面 中 要 将 当前 编辑 的 记录 的 值 提取 出 来 
并 在 页 面 上 显示 。 此 时 涉及 如 何 从 Servlet 中 将 数据 传递 到 JSP 页 面 ,可 以 利用 request. 
setAttribute 和 request. getAttribute 结合 起 来 ,实现 数据 在 JSP 和 Servlet 之 间 进 行 传递 。 


3.“ 删 除 图 书 "功能 模块 设计 
删除 图 书 操作 也 是 从 listBook. jsp 页 面 中 的 “删除 ” 超 链接 开始 ,该 超 链接 的 语句 为 : 


<a href ="./DoDeleteTitle?isbn=<% =titles.getIsbn()%>"> 删 除 </a> 


通过 超 链接 将 书号 传递 给 Servlet(DoDeleteTitle. java) ,该 Servlet 调用 底层 titles 表 操 
作 工 具 类 (TitleDao. java) 的 delete 方 法 将 指定 书号 的 图 书 删除 。 
代码 (bookstore 项 目 /src/servlet/DoDeleteTitle. java) 的 清单 : 


package servlet; 
import java. io. IOException; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import bean. TitleDao; 
import bean. TitleDaoImpl; 
public class DoDeleteTitle extends HttpServlet { 
public DoDeleteTitle() { 
super(); 
} 
public void destroy() { 
super. destroy(); 
} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
有 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException 
{ 
response. setContentType( "text/html"); 
String isbn = request. getParameter("isbn"); 
TitleDao titleDao = new TitleDaoImp](); 
int n= titleDao. delete( isbn); 


if(n>0) 
response. sendRedirect ("listBook. jsp"); 
else 
response. sendRedirect ("error. jsp"); 
} 
public void init() throws ServletException { 
} 


4. 上 传 图 书 封 面 图 像 文 件 功能 模块 设计 

上 传 图 书 封面 图 像 文 件 的 设计 主要 包含 客户 端的 文件 上 传 页 面 (uploadfile. jsp) 和 服务 
器 端 保存 文件 的 Servlet 设计 ,Servlet 接收 浏览 器 传 来 的 文件 并 保存 到 服务 器 ,上 传 的 图 书 
封面 图 像 文件 以 书号 为 文件 名 保存 。 上 传 图 书 封面 图 像 文件 操作 界面 如 图 7-16 所 示 。 
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文件 上 传 
书号 ，9787302214748 


[C:\Documents and Settines\Adninistrator\a 济 时 二 





7-16 ”上传 图 书 封面 图 像 文 件 


代码 (bookstore 项 目 /WebRoot/uploadfile. jsp) 的 清单 : 


<% @ page language = "java" %> 
<% @ page contentType = "text/html;charset = gb2312" % > 
<html> 
<head><title > 文件 上 传 </title></head> 
<body bgcolor = " # FFFFFF" text =" #000000" leftmargin = "0" topmargin = " 40" 
marginwidth= "0" marginheight = "0"> 
<center> <hl> 文 件 上 传 </hl > 
< form name = "uploadform" method = "POST" 
action = ".\SaveUploadFile?isbn =<% = request. getParameter("isbn") %>" ENCTYPE = " 
multipart/form— data"> 
书号 : <% = request. getParameter("isbn") 和 > 
< table border = "3" width= "450" cellpadding = "4" cellspacing = "2" 
bordercolor = " #9BD7FF"> 
<tr><td width= "40% "> 封面 图 像 文件 : </td> 
<td>< input name = "filel" size= "30" type= "file"></td></tr> 
<tr><tdalign= "center" colspan = "2"> 
< input type = "submit" name = "submit" value = "开始 上 传 "/></td></tr> 
</table> 
</form></center> 
</body> 
</html > 


代码 (bookstore 项 目 /WebRoot/uploadfile_show. jsp) 的 清单 : 


< 外 @ page contentType = "text/html; charset = GB2312" import = "java. io. *" %> 
<html> 
< head>< title > 文件 目录 </title></head> 
<body> 
<font size=4 color = red> 已 上 传 的 图 书 封面 图 像 文件 </font >< br > 
<font size=3 color=blue> 
<% String path = request.getRealPath("images"); 

File fl = new File(path); 

File lst[] = fl.listFiles(); 

out. println(" 服 务 器 上 传 文件 保存 路 径 : " + path+ "<br><br>"); 

out. println(" 封 面 图 像 文件 名 : " + request. getParameter("isbn") +".jpg<br>"); 

out. println("< img width= '80' height = '120' src = images\\"+ 

request. getParameter("isbn") +".jpg><br><br>"); 
第 > 


</font ><br> 

<a href = "listBook. jsp"> 返 回 图 书信 息 编辑 页 面 </a> 
</body> 

</html> 


程序 运行 结果 如 图 7-17 所 示 。 


己 上 传 的 图 书 封面 图 像 文件 
服务 器 上 传 文件 保存 路 径 : D:\Tomcat6. 0\Tomcat 6. 0\webapps\bookstore\images 
封面 图 像 文件 名 ，9787302214748. jpg 





返回 图 书信 息 编辑 页 面 
图 7-17 显示 成 功 上 传 图 书 封面 图 像 文 件 


表 7-5 所 示 是 对 网 上 书店 后 台 部 分 操作 涉及 文件 的 总 结 。 
表 7-5 网 上 书店 后 台 部 分 操作 涉及 的 文件 





文 件 涛 文件 类 别 实现 功能 
Titles. java JavaBean 图 书 表 实 体 类 ,封装 图 书信 息 
TitleDao. java TitleDao 接口 数据 库 图 书 表 底 层 操 作 接 口 
TitleDaoImpl. java TitleDao 接口 实现 类 ”数据 库 图 书 表 底 层 操 作 实 现 类 
ToEditTitle. java Servlet 根据 listBook. jsp 传 来 的 书号 ,调用 TitleDao 的 


findByIsbn(String isbn) 方 法 获取 图 书 实体 信息 , 转 
发 给 图 书信 息 编辑 页 面 editTitle. jsp 

DoSaveEditTitle. java Servlet 获取 editTitle. jsp 传 来 的 修改 过 的 图 书 表单 信息 ， 
封装 成 图 书 实体 对 象 titlebean, 调用 TitleDao 的 
update(Title titlebean) 方 法 ,将 修改 后 的 图 书 实体 
titlebean 更 新 到 数据 库 的 图 书 表 中 


DoDeleteTitle. java Servlet 根据 接收 到 的 书号 ,调用 TitleDao 的 delete(String 
isbn) 方 法 ,删除 指定 书号 的 图 书 
DoAddTitle. java Servlet 将 addTitle. jsp 传 来 的 图 书 表单 信息 封装 成 图 书 实 


体 对 象 titlebean, 调用 TitleDao 的 add ( Title 
titlebean) 方 法 ,将 新 增加 的 图 书 实体 titlebean 添加 


到 数据 库 的 图 书 表 中 
SaveUploadFile. java Servlet 将 uploadfile. jsp 页 面 传 来 的 封面 图 像 文件 保存 到 
服务 器 中 
listBook. jsp JSP 页 面 图 书 书架 维护 的 界面 
editTitle. jsp JSP 页 面 修改 图 书信 息 的 界面 第 
addTitle. jsp JSP 页 面 添加 图 书信 息 的 界面 . 
uploadfile. jsp JSP 页 面 上 传 图 书 封面 图 像 文件 的 界面 章 
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7.7 项 目 案例 4 网 上 书店 前 台 设计 


是 浏览 图 书 、 查看 图 书 详细 信息 、 添加 购物 车 和 结账 的 功能 。 

客户 网 上 购书 的 流程 通常 是 : 登录 网 上 书店 首页 ,浏览 图 书目 录 ， 
选中 一 本 书 , 查 看 书 的 详细 信息 ,如果 喜欢 就 添加 到 购物 车 ,继续 浏览 ， 
重复 以 上 过 程 ,最 后 查看 购物 车 并 结账 ,到 此 一 个 购书 过 程 结束 。 

与 后 台 相 比 ,前 台 部 分 增加 了 购物 车 的 设计 。 购 物 车 其 实 就 是 一 
集合 类 容器 ,HttpSession 对 象 常用 在 购物 车 的 应 用 中 ,一 般 用 List 训 Map 等 集合 类 对 象 
作为 购物 车 的 数据 容器 模型 ,将 购物 车 保存 在 Session 对 象 中 ,客户 在 浏览 同一 购物 网 站 的 
各 个 JSP 页 面 时 都 可 以 使 用 保存 在 各 自 Session 对 象 的 购物 车 。 

下 面 详 细 讨论 网 上 书店 前 台 设计 实例 。 

网 上 书店 前 台 操作 要 实现 的 功能 是 提供 读者 浏览 图 书目 录 查看 图 书 详细 信息 .添加 到 
购物 车 、 查 看 购物 车 ,继续 浏览 或 结账 。 

图 书信 息 仍然 采用 封装 数据 的 JavaBean(Title. java) 存 储 , 数 据 库 连 接 也 由 封装 业务 的 
JavaBean(DBcon. java) 实 现 ,对 于 图 书 表 的 底层 数据 库 业 务 操作 ,仍然 可 以 采用 封装 业务 的 
JavaBean(TitleDao. java) 来 实现 。 

网 上 书店 前 台 购 书 流程 图 如 图 7-18 所 示 。 
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图 7-18 网 上 书店 前 台 购书 流程 图 


前 台 部 分 从 客户 浏览 图 书页 面 (viewBook.jsp) 开 始 , 用 户 单 击 书号 链接 ,可 查看 图 书 详 
细 信 息 , 若 需要 购买 , 单 击 “ 放 入 购物 车 ”按钮 ,将 该 书 放 入 购物 车 ,并 浏览 购物 车 信息 , 单 击 
“继续 购物 ”按钮 , 则 返回 浏览 图 书页 面 ,继续 上 述 购 书 过 程 。 


网 上 书店 前 台 设计 中 ,JSP 与 Servlet 相互 配合 ,完成 购物 流程 ,JSP 与 Servlet 的 相互 
之 间 的 业务 关系 如 图 7-19 所 示 。 















































- viewBook.jsp 页 面 中 以 JavaBean 
viewBook.jsp 的 方式 调用 数据 库 底层 操作 工 
浏览 图 书 具 类 TitleDao 的 getTitles 方 法 ， 

获取 全 部 图 书 实体 集合 ， 再 循 

ISBN 书 名 版 本 发布 时 间 价格 环 图 书 实体 集合 ， 逐 一 将 每 本 

9787811010102 C++ 程序 设计 1998 50.0 书信 息 显示 在 表格 中 。 其中， 

9787302214743 JavagB 基 础 教程 2010 29.0 书号 增加 超 链接 功能 ， 以 便 显 
2 JSP Web 技 术 及 应 用 教程 2013 28.0 示 图 书 详情 。 

978X811014322 Web 编 程 技术 1 2008 36.0 
要 <a href="./ToViewTitle?isbn=<%=titles.getlsbn()%>"> <%=titles.getlsbn() %></a> 











Servlet(ToViewTitle.java) 的 功能 。 
(1) 根据 书号 ， 到 数据 库 中 查找 该 图 书 的 实体 信息 。 














' 
1 
1 (2) 将 查 到 的 图 书 实体 存 入 request 对 象 中 。 
| A ds 
1 
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detail.jsp detail.jsp 页 面 中 的 “ 放 入 购 











物 车 ”按钮 将 请 求 提交 给 
JavaEE 基 础 教程 Servlet(AddTitlesToCartjava)， 
碟 该 Servlet 将 所 选 图 书 添加 到 
pa Sa 购物 车 。 
版 本 号 1 
版 权 ， 2010 
[ER [Eee 
[pn rp pr ye er PENT ml 





Servlet(AddTitlesToCart.java. 1 
Ct i 象 是 否 已 失效 ， 如 已 失效 ， 则 转 浏览 图 书 界面 ， 以 便 重新 建立 session | 
跟踪 过 程 。 1 
(2) 在 session 对 象 中 取出 购物 车 对 象 ， 购 物 车 以 Map 集 合 表示 (Map CarD 。 | 
(3) 如 果 购 物 车 不 存在 ， 创 建 购物 车 。 | 
1 
1 
1 
1 
1 
1 





(4) 如 果 购 物 车 中 已 有 选 购 的 书 ， 则 将 该 书 的 购买 数量 加 1 ; 否则 ， 创 建 一 个 购书 项 条 目 
到 Map 中 。 

(5) 将 图 书 实体 对 象 和 购买 数量 作为 实体 类 (Cartltem) 对 象 保存 在 购物 车 cart 中 。 
(6) 购物 车 处 理 完毕 后 ， 和 转向 viewCart.jsp 显 示 购 物 车 。 
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访 二 ee 0 
viewCart.jsp viewCart.jsp 页 面 从 session 中 获取 购 
物 车 对 象 。 将 购物 车 中 各 个 购书 项 
购物 商品 未 时 | | 条 目 Cartem 乏 一 显示 在 购物 车 商品 
书籍 名 称 清单 表格 中 ， 并 做 小 计 、 总 计 等 相 
到 关 的 统计 处 理 。 
将 79.00 
继续 购物 
EE 

















图 7-19 网 上 书店 前 人 台 设 计 逻 辑 关系 
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网 上 书店 前 台 操 作 涉及 的 文件 如 表 7-6 所 示 。 
表 7-6 网 上 书店 前 台 操 作 涉 及 的 文件 





文件 客 文件 类 别 实现 功能 
Titles. java JavaBean 图 书 表 实 体 类 ,封装 图 书信 息 
CartItem. Java JavaBean 包含 Titles 对 象 和 购买 数量 ,作为 购物 车 中 的 图 书 
购买 项 
TitleDao. java TitleDao 接口 数据 库 图 书 表 底 层 操作 接口 
TitleDaoImpl. java TitleDao 接口 数据 库 图 书 表 底层 操作 实现 类 
实现 类 
OrderOperation. java 业务 JavaBean 提供 保存 订单 信息 的 方法 saveOrder 
ToViewTitle. java Servlet 根据 viewBook. jsp 传 来 的 书号 ,调用 TitleDao 的 


findByIsbn(String isbn) 方 法 到 数据 库 中 获取 图 书 实 
体 信息 ; 将 查 到 的 图 书 实体 存 人 request 对 象 中 ; 将 
请 求 转发 到 图 书 详情 信息 显示 页 面 detail. jsp 


AddTitlesToCart. java Servlet AddTitlesToCart Servlet 主要 完成 将 所 选 图 书 添加 
到 购物 车 的 任务 

Dorder. java Servlet 获取 order. html 传 来 的 客户 信息 ,调用 订单 表 操 作 
类 OrderOperation 的 saveOrder 方法 ,将 订单 信息 存 
入 订单 表 

detail. jsp JSP 页 面 detail. jsp 页 面 显示 图 书 详细 信息 ,页 面 中 的 “ 放 入 


购物 车 ”按钮 将 请 求 提交 给 AddTitlesToCart 
Servlet, 该 Servlet 将 所 选 图 书 添加 到 购物 车 


viewCart. jsp JSP 页 面 显示 购物 车 的 信息 
order. html HTML 页 面 登记 下 单 客户 的 联系 信息 
bye. jsp JSP 页 面 显示 订单 信息 ,结束 会 话 


7.7.1 顾客 浏览 图 书 


顾客 进入 网 站 首先 看 到 的 是 图 书 的 列表 ,显示 的 主要 内 容 是 图 书 的 ISBN , 书 名 、 作 者 、 
出 版 社 。 这 和 前 面 的 listBook. jsp 的 页 面 是 一 样 的 ,只 是 ISBN 的 链接 显示 内 容 改 为 所 选 图 
书 的 详细 信息 。 

顾客 浏览 图 书信 息 页 面 程序 如 下 。 

程序 (bookstore 项 目 /WebRoot/viewBook. jsp) 的 清单 : 


<% @ page language = "java" contentType = "text/html; charset = utf - 8" pageEncoding = "utf ~- 8" %> 
< 第 @page import = "bean. * ,java. util. *" %> 
< jsp:useBean id = "dao" class = "bean. TitleDaoImpl" scope = "request"/> 
<html> 
<head> 
<title > 浏览 图 书 </title> 
</head> 
<body><hl align = "center"> 浏 览 图 书 </hl > 
< table align = "center" bgcolor = lightgrey> 
<tr>< td> ISBN</td><td> 书 名 </td>< td> 版 本 </td>< td> 发 布 时 间 </td>< td> 价 格 </td></tr> 


<% 
List list = dao.getTitles(); // 得 到 图 书 列表 
Title titles = null; 
for(int i=0;i<list. size();i++){ 
// 从 list 中 得 到 的 是 一 个 Object 对 象 ,要 强制 转换 为 Titles 对 象 
titles = (Title)list. get(i); 
第 > 
<tr bgcolor = cyan> 
<td><a href ="./ToViewTitle?isbn=<% =titles.getIsbn()%>"title= "图 书 详情 "> 
<% = titles. getIsbn() %></a></td> 
<td><% =titles. getTitle() %></td> 
<td><% =titles. getEditionNumber() %></td> 
<td><% =titles.getCopyright() %></td> 
<td><% =titles. getPrice() %> </td> 
</tr> 
<% 
} 
第 > 
</table> 
</body> 
</html > 


以 上 代码 中 用 到 了 JSP 动作 指令 < jsp:useBean >, 在 当前 页 面 上 创建 了 TitleDaoImpl 
类 的 一 个 实例 名 字 为 dao。 在 页 面 中 , 单 击 某 一 本 书 的 ISBN 会 将 链接 提交 给 名 字 为 
toViewTitle 的 一 个 Servlet ,在 这 个 链接 的 后 面 通过 URL 重 定向 功能 将 这 本 书 的 ISBN 一 
同 提交 给 toViewTitle。 


7.7.2 显示 图 书 详细 信息 


客户 浏览 图 书 时 , 单 击 某 一 本 书 的 ISBN 可 查看 书 的 详细 信息 。 这 个 功能 是 由 一 个 
Servlet(ToViewTitle. java) 和 一 个 JSP(detail. jsp) 页 面 一 同 完成 的 。 对 应 于 ISBN 链接 的 
是 一 个 Servlet ,其 对 应 的 是 ToViewTitle 类 。 

程序 (bookstore 项 目 /src/servlet/ToViewTitle. java) 的 清单 : 


package servlet; 
import bean. *; 
import java. io. IOException; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpSession; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
public class ToViewTitle extends HttpServlet { 
public ToViewTitle() { 
super(); 
} 
public void destroy() { 
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super. destroy( ); 
1 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
response. setContentType( "text/htm1"); 
String isbn = request. getParameter("isbn"); 
TitleDao titleDao = new TitleDaoImp]( ); 
Title titles = titleDao. findByIsbn( isbn); // 根 据 ISBN 查找 图 书 
HttpSession session = request. getSession(); // 获 取 当 前 会 话 的 session 对 象 
// 将 图 书 对 象 titles 保存 在 session 对 象 中 ,保存 属性 名 为 titles 
session. setAttribute("titles", titles); 
// 转 发 显示 详细 信息 页 面 
request. getRequestDispatcher("detail. jsp").forward(request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doGet (request, response); 
} 
public void init() throws ServletException { 
//Put your code here 
} 


以 上 代码 中 根据 传递 的 ISBN ,调用 TitleDaoImpl 类 的 findByIsbn 方法 在 数据 库 中 查 
找 ,返回 一 个 Titles 类 的 实例 titles ,并 将 此 实例 对 象 保存 在 了 会 话 对 象 Session 中 。 然 后 转 
发 到 detail. jsp 页 面 显 示 图 书 详细 信息 。 在 detail. jsp 页 面 中 通过 JSP 语句 <% Titles titles 一 
(Titles)session. getAttribute( "titles"); %> 从 Session 中 取出 图 书 实例 对 象 titles, 再 使 用 
JSP 表达 式 将 图 书 实例 titles 中 的 信息 显示 出 来 ,如 图 7-20 所 示 。 

程序 (bookstore 项 目 /WebRoot/detail. jsp) 的 清单 : 





<% @ page language = "java" import = "java.util. * ,bean. *" pageEncoding = "utf— 8"%> 
< html > 
<head> 
<title> 书 籍 信息 </title> 
< 第 
// 从 session 中 取出 属性 名 为 titles 的 值 ,要 进行 强制 转换 为 Titles 类 型 ,与 保存 时 类 型 一 致 
Title titles = (Title) session.getAttribute("titles"); 
%> 
</head> 
<body> 
< TABLE style = "TEXT — ALIGN:center"cellSpacing = "0" cellPadding = "0" width = "590" border 
="0"> 
<tr height = "100"> 
<td colspan = "3"><h2><% =titles. getTitle() %></h2></td> 
</tr> 
过 二 > 
<td rowspan = "5"> 


< img style = "border: thin solid black" width= "80" height = "120" 
src = "images/<% =titles.getIsbn()/* titles.getImageFile() */%>.jpg" 
alt="<% =titles. getTitle() %>:<% = titles.getIsbn() %>.jpg" /> 
</td> 
<td class = "bold" align = "left"> 图 书 编号 : </td> 
<td align = "left"><% = titles.getIsbn() %></td> </tr> 
<tr align = "left"> 
<td class = "bold" align = "left"> 价 格 : </td> 
<td align = "left"><% =titles. getPrice() %></td></tr> 
<tr align = "left"> 
<td class = "bold"> 版 本 号 : </td> <td><% =titles.getEditionNumber() %></td></tr> 
<tr align = "left"> 
<td class = "bold"> 版 权 : </td> <td><% =titles.getCopyright()%></td></tr> 
<tr align = "left"> 
<td> < form method = "post" action="./AddTitlesToCart"><p> 
< input type = "submit" value = " 放 人 购物 车 " /></p> 
</form> </td> 
<td> < form method = "get" action = "viewCart. jsp"><p> 
< input type= "submit" value = "查看 购物 车 " /></p> 
</form></td> 
</tr> 
</table> 
</body> 
</html > 


程序 运行 结果 如 图 7-20 所 示 。 
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图 7-20 显示 某 一 本 书 详细 信息 页 面 


7.7.3 图 书 添 加 到 购物 车 并 显示 购物 车 信息 


在 图 7-20 中 , 当 单 击 “ 放 入 购物 车 ”按钮 时 ,提交 给 处 理 购 物 车 的 Servlet 类 
AddTitlesToCart 。 

首先 ,设计 购物 车 中 的 购书 项 类 (CartItem. java) ,这 里 的 购书 项 类 是 对 图 书 的 进一步 
封装 ,以 方便 购物 车 中 存放 所 选 购 图 书 的 管理 。 虽 然 在 Titles 类 中 封装 了 图 书 的 相关 信息 ， 
但 没有 表示 图 书 购买 数量 的 属性 ,为 此 构建 这 个 购书 项 CartItem 类 ,购书 项 类 拥有 图 书 对 
象 和 选 购 数量 两 个 属性 , 它 不 但 可 以 存放 图 书 的 相关 信息 ,同时 还 可 以 存放 图 书 的 选 购 数 
量 。 客 户 添 加 图 书 到 购物 车 时 ,只 需 更 新 相应 购书 项 对 象 的 选 购 数量 。 
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程序 (bookstore 项 目 /src/bean/Cartltem. java) 的 清单 : 


package bean; 
public class CartItem { 
private Title title; 
private int quantity; 
public Title getTitles() { 
return title; 
b 
public void setTitles(Title titles) { 
this. title = titles; 


} 
public int getQuantity() { 
return quantity; 
} 


public void setQuantity(int quantity) { 
this. quantity = quantity; 
} 


在 购物 车 中 (HashMap 对 象 cart) 的 键 必须 是 唯一 的 ,而 图 书 的 ISBN 是 不 会 有 重复 
的 ,所 以 可 以 将 ISBN 作为 购物 车 (Map cart) 中 的 键 ,购物 车 中 的 值 就 是 相应 的 购书 项 
(CCartItem) 对 象 。 购 物 车 的 结构 模型 如 图 7-21 所 示 。 








购物 车 (Map cart) 一 


图 7-21 购物 车 的 结构 模型 


将 所 选 图 书 添加 到 购物 车 的 操作 由 Servlet 类 (AddTitlesToCart. java) 完 成 。 
程序 (bookstore 项 目 /src/servlet/AddTitlesToCart. java) 的 清单 : 


package servlet; 

import bean. *; 

import java. util. *; 

import java. io. IOException; 

import javax. servlet. http. HttpSession; 

import javax. servlet. http. HttpServlet; 

import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 


import javax. servlet. RequestDispatcher; 
import javax. servlet. ServletException; 
public class AddTitlesToCart extends HttpServlet { 
public AddTitlesToCart() { 
super(); 
} 
public void destroy() { 
super. destroy( ); 
} 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
HttpSession session = request.getSession(false); 
RequestDispatcher dispatcher; 
// 如 果 session 不 存在 , 转 到 浏览 图 书 (viewBook. jsp) 页 面 
if (session == null) { 
dispatcher = request. getRequestDispatcher("/viewBook. jsp"); 
dispatcher. forward(request, response); 
上 
// 从 session 中 取出 购物 车 (cart) 和 要 添加 的 图 书 对 象 (titles) 
Map cart = (Map) session. getAttribute("cart"); 
Title titles = (Title) session, getAttribute("titles"); 
// 如 果 购 物 车 不 存在 , 创建 购物 车 
if (cart == null) { 
cart = new HashMap(); 
// 将 购物 车 存 人 session 之 中 
session. setAttribute("cart", cart); 
} 
// 从 购物 车 对 象 中 根据 图 书 书号 取出 相应 的 购书 项 对 象 
CartItem cartItem = (CartItem) cart.get(titles.getIsbn()); 


if (cartIten != null) // 如 果 购 物 车 中 已 有 购书 项 对 象 , 则 更 新 其 选 购 数量 
cartItem. setQuantity(cartItem. getQuantity() + 1); 
else{ // 否 则 ,创建 一 个 购书 项 对 象 条 目 到 购物 车 (Map cart) 中 


CartItem cartIteml = new CartItem( ); 
cartItem]. setTitles(titles); 
cartItem1. setQuantity(1); 
cart. put(titles. getIsbn(), cartIteml); 
} 
// 成 功 添加 到 购物 车 后 ,转向 viewCart. jsp 显示 购物 车 
dispatcher = request. getRequestDispatcher("/viewCart. jsp"); 
dispatcher. forward( request, response); 
} 
public void init() throws ServletException { 
|: 
} 


上 面 的 代码 中 用 到 了 会 话 技术 和 Java 集合 类 。 程 序 中 request. getSession(false) 的 含 
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义 是 若 存在 会 话 , 则 返回 该 会 话 ,否则 返回 null。 如 果 不 存在 会 话 , 则 将 页 面 转 到 浏览 图 书 
页 面 。 如 果 存 在 会 话 , 则 从 Session 中 取出 购物 车 ,也 是 一 个 HashMap 集合 类 对 象 cart。 
如 果 是 第 一 次 添加 商品 , 则 购物 车 为 空 ,此 时 创建 一 个 HashMap 对 象 cart, 并 将 其 存 人 
Session 中 ,保存 购物 车 的 命令 为 session. setAttribute("cart",cart)。 在 添加 一 种 图 书 之 
前 ,要 在 购物 车 cart 中 查找 这 本 书 是 否 已 经 添加 过 ,这 实际 上 是 在 购物 车 cart 中 查找 是 否 
存在 与 要 添加 图 书 的 ISBN 有 相同 键 值 的 购书 项 对 象 , (CartItem) cart. get(titles. getIsbn 
0) ) 语 句 完 成 此 功能 。 

将 图 书 添加 进 了 购物 车 后 ,转发 到 viewCart. jsp 页 面 显 示 购 物 车 的 信息 。 

程序 (bookstore 项 目 /WebRoot/viewCart. jsp) 的 清单 : 


<% 四 page language = "java" session = "true" pageEncoding = "utf — 8" %> 
<% @ page import = "bean. * , java. util. * ,java. text. x* "第 > 
<html> 
<body> 
购物 车 商品 
<% 
Map cart = (Map) session. getAttribute("cart"); 
double total = 0; 
if (cart == null | cart. size() == 0) out.println("<p> 购 物 车 当前 为 空 ,</p>"); 


else{ 
// 创 建 用 于 显示 内 容 的 变量 
Set cartItems = cart.keySet(); // 获 得 购物 车 中 所 有 购书 项 的 书号 集合 
Object[] isbn = cartItems.toArray();  // 将 书号 集合 转 为 isbn 数组 
Title book; // 图 书 JavaBean(book) 
CartItem cartItem; 
int quantity; 
double price, subtotal; 
%> 
<table cellSpacing = 0 cellPadding = 0 width= 490 border =1> 
<thead> 
<tr align= "center"> 
<th> 书籍 名 称 </th><th> 数 量 </th>< th> 价 格 </th>< th> 小 计 </th> 
</tr> 
</thead> 
<% 
ne 
while (i < isbn. length) { // 根 据 ISBN, 逐一 找 出 购书 项 进行 结算 处 理 
cartItem= (CartItem)cart. get( (String) isbn[i]); // 根 据 key, 取得 Value 
book = cartItem. getTitles(); // 从 购书 项 中 获得 图 书 对 象 
quantity = cartIten.getQuantity(); // 从 购书 项 中 获得 购买 数量 
price = book.getPrice(); // 从 图 书 对 象 中 获得 图 书 单价 
subtotal = quantity * price; 1/ 小 计 
total += subtotal; // 累 加 总 和 
it+; 
%> 


te 


<td><% = book. getTitle() %></td> 
<tdalign= "center"><% = quantity%></td> 


<td class = "right"><% = new DecimalFormat("0.00").format(price) %$> </td> 
<td class = "bold right"><% = new DecimalFormat("0.00"). format(subtotal) %> 


</td> 
</tr> 
<% } %> 
> 
<td colspan = "4" class = "bold right"> 


<b> 总 计 : </b><% = new DecimalFormat("0.00").format(total) %> 


</td> 

</tr> 
</table> 
<% session.setAttribute("total", new Double(total)); 
%> 
<a href = "viewBook. jsp"> 继 续 购物 </a> 
< form method = "get" action= "order. html"> 

< input type = "submit" value= " 结 账 " /> 
</form> 

</body> 
</html> 


代码 可 以 分 为 三 个 阶段 : 第 一 个 阶段 从 购物 车 cart 中 取出 所 有 图 书 的 ISBN, 即 购物 车 
的 键 ; 第 二 阶段 根据 ISBN 从 cart 中 取出 所 有 的 CartItem 对 象 , 即 图 书 商品 信息 ,并 计算 商 
品 的 金额 ; 第 三 阶段 利用 JSP 表达 式 显 示 购物 车 的 详细 信息 ,同时 将 总 金额 保存 在 session 
中 ,以 备 将 来 结账 时 用 。 在 代码 中 用 到 一 个 类 DecimalFormat, 这 是 一 个 用 来 格式 化 小 数 的 
类 ,这 个 类 可 以 先 定义 模板 ,并 根据 模板 样式 输出 小 数 。viewCart. jsp 运行 结果 如 


图 7-22 所 示 。 


购物 车 商品 
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继续 购物 


图 7-22 显示 购物 车 详细 信息 页 面 


7.7.4 添加 订单 信息 并 结账 


在 图 7-22 中 单 击 “ 结 账 ” 按 钮 则 提交 给 order. html 页 面 ,这 个 页 面 可 输入 顾客 的 相关 信 


息 , 如 图 7-23 所 示 。 
程序 (bookstore 项 目 /WebRoot/order. html) 的 清单 : 
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| 订单 处 理 请 输入 如 下 信息 : | 
[用 P 名 :Ja 
| 电话 : [a 
F 一 一 一 


i 
| 
[Wl| Wl | 


图 7-23 输入 顾客 详细 信息 页 面 


<html> 
<head> 
<title > 提交 图 书 订单 </title> 
< Script language = "javascript" type= ""> 
function RegsiterSubmit(){ 
with(document. order){ 
Var user = username. value; 
Var cart = creditcard. value; 
if(user == null || user ==""){alert(" 请 填写 用 户 名 "); } 
else if(cart == null | cart ==""){ alert(" 请 填写 信用 卡号 码 "); } 
else document. order. submit(); 
} 
} 
</script > 
</head> 
<body> <center> 
< form method = "POST" name = "order" action = ". /Do0rder"> 


< table style = "TEXT - ALIGN: center" cellSpacing = 1 cellPadding = 1 width = 260 border = 


rh 
<!-- 显示 内 容 开 始 -> 


<tr><td colspan = "2">< font size= 4> 订 单 处 理 请 输入 如 下 信息 : </font ></td></tr> 


<tr><td colspan = "2"> &nbsp;</td> </tr> 
<tr><td> 用 户 名 :</td> 
<td>< div align = "left"> 


< input type = "text" name = "username"”size = "25" /></div></td></tr> 


<tr>< td colspan = "2"> gnbsp;</td> </tr> 
<tr>< td> 邮 编 :</td> 
<td>< div align = "left"> 


< input type = "text" name = "zipcode" size= "25" /> </div></td></tr> 


<tr><td colspan = "2"> gnbsp;</td></tr> 
<tr><td> 电 话 :</td> 
<td><divalign= "left"> 
< input type = "text" name = "phone" size= "25" /></div> </td></tr> 
<tr><td colspan = "2"> gnbsp;</td></tr> 
<tr>< td> 信 用 卡 :</td> 
<td><divalign= "left"> 


< input type = "text" name = "creditcard" size= "25" /></div></td></tr> 
<tr><td colspan = "2"> &nbsp;</td></tr> 
<tr>< td>< input type = "button" value = "提交 " name = "Bl1" onclick = "RegsiterSubmit()"/> 
</td> 
<td align = "center"> 
< input type = "reset" value= " 重 置 " name = "B2"/></td></tr> 
<!-- 显示 内 容 结束 “--> 
</table> 
</form> 
</center > 
</body> 
</html > 


order. html 中 的 语句 : 


< form method = "POST" name = "order" action = ". /Do0rder"> 


表示 将 表单 提交 到 DoOrder 的 Servlet, 由 这 个 Servlet(DoOrder. java) 对 客户 提交 的 图 
书 订单 进行 处 理 。 
程序 (bookstore 项 目 /src/servlet/DoOrder. java) 的 清单 : 


package servlet; 
import java. io. IOException; 
import bean. BookOrder; 
import bean. OrderOperation; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import javax. servlet. http. HttpSession; 
public class DoOrder extends HttpServlet { 
public DoOrder() { 
super(); 
» 
public void destroy() { 
super. destroy( ); 
| 
public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
); 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 


BookOrder bookorderbean = new BookOrder( ); // 创 建 订单 实体 类 对 象 
request. setCharacterEncoding( "utf ~ 8"); // 处 理 中 文 输入 
HttpSession session = request.getSession(); // 获 取 session 

// 获 取 输 入 的 表单 数据 ,封装 订单 实体 类 对 象 
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bookorderbean. setUsername( request. getParameter("username" ) ) ; 

bookorderbean. setZipcode(request. getParameter("zipcode" ) ); 

bookorderbean. setPhone(request. getParameter("phone" ) ) ; 

bookorderbean. setCreditcard(request. getParameter("creditcard " ) ) ; 

bookorderbean. setTotal(((Double) session. getAttribute("total")). doubleValue()); 
// 表 单 信息 保存 在 session 中 , 供 bye. jsp 使 用 

session. setRttribute("order",bookorderbean); 

OrderOperation op = new OrderOperation( ) ; // 创 建 保 存 订 单 的 操作 类 对 象 


op. saveOrder (bookorderbean); // 将 订单 信息 保存 到 数据 库 
// 转 显示 订单 信息 页 面 
request. getRequestDispatcher("bye. jsp"). forward(request, response) 

' 

public void init() throws ServletException { 

} 


在 DoOrder 类 中 引用 了 OrderOperation 类 的 实例 。OrderOperation 类 与 Titles 表 的 
操作 类 TitlesOperation 相似 , OrderOperation 类 是 bookorder 表 的 操作 类 ,该 类 的 
saveOrder 方法 可 将 订单 数据 存 人 数据 库 的 bookorder 表 中 ,这 里 的 bookorder 表 保 存 的 
是 客户 账户 信息 ,实际 项 目 中 还 应 该 将 订单 详细 信息 进行 保存 。OrderOperation 类 程序 
如 下 。 

程序 (bookstore 项 目 /src/bean/OrderOperation. java) 的 清单 : 


Package bean; 
import java. sql. Connection; 
import java. sql. PreparedStatement; 
public class OrderOperation { 
Pprivate Connection conn; 
private PreparedStatement pstmt; 
public void saveOrder(BookOrder bookoder) 
{ // 利 用 封装 类 的 实例 向 表 bookorder 中 插入 记录 
try { 
conn = DBcon.getConnction(); 
String sql = "insert into bookorder(username,zipcode, phone, "; 
sql += "creditcard, total) values(?,?,?,?,?)"; 
pstmt = conn.prepareStatement(sql); 
pstmt. setString(1, bookoder. getUsername( )); 
pstmt. setString(2, bookoder. getZipcode()); 
pstmt. setString(3, bookoder. getPhone()); 
pstmt. setString(4, bookoder. getCreditcard()); 
pstmt. setDouble(5, bookoder. getTotal()); 
pstmt. executeUpdate( ); 
} catch (Exception e) { 
e.printStackTrace( ); 
} 
// 释 放 资 源 
finally { 
DBcon. closeStatement (pstmt); 


DBcon. closeConnection(conn); 


} 
public BookOrder qurry(){ 
return null; 


在 DoOrder 类 中 处 理 订单 完成 后 转发 到 bye. jsp 页 面 ,bye. jsp 页 面 运行 结果 如 图 7-24 
所 示 。 
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芭 计 ， 11000 
客户 账户 信息 如 下 ， 
客户 名 ，admin 

邮编 ，226019 

电话 :18071607000 
信用 卡号 ，458064668899 
购书 总 额 ，110.0 

本 书店 将 及 时 发 货 ， 请 注意 查收 。 欢 迎 再 次 光临 网 上 书店 ， 谢 谢 ! 





订 书 成 功 ! 本 次 购书 订单 详细 信息 如 下 
[ 书籍 名 称 | 
| 








图 7-24 ”bye.jsp 页 面 运行 结果 
程序 (bookstore 项 目 /WebRoot/bye. jsp) 的 清单 : 


<% @ page language = "java" pageEncoding = "utf -8"%> 
<% @ page import = "bean. * , java. util. * , java, text. * ,bean. BookOrder" %> 
<html> 
< head>< title > 订单 信息 </title></head> 
<body> 
<% BookOrder bookOrder = (BookOrder) session. getAttribute("order"); %> 
订 书 成 功 ! 本 次 购书 订单 详细 信息 如 下 : < br> 
< 第 Map cart = (Map) session.getAttribute("cart"); 
double total = 0; 
if (cart == null || cart. size() == 0) 
out. println("<p> 购 物 车 当前 为 空 !</p>"); 
else{ 
// 创 建 用 于 显示 内 容 的 变量 
Set cartItems = cart.keySet(); 
Object[ ] isbn = cartItems.toArray(); 
Title book; 
CartItem cartItem; 
int quantity; 
double price, subtotal; 
> 
<table cellSpacing = 0 cellPadding = 0 width= 490 border =1> 
<thead> 
<tr align= "center"> 


<th > 书籍 名 称 </th>< th> 数 量 </th>< th> 价 格 </th>< th> 小 计 </th> 
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</tr> 
</thead> 
<% inti= 0; 
while (i < isbn.length) { 
// 计 算 总 和 
cartItem = (CartItem) cart.get((String) isbn[i]); 
book = cartItem. getTitles(); 
quantity = cartItem. getQuantity(); 
price = book.getPrice(); 
subtotal = quantity * price; 
total += subtotal; 
i++; 
第 > 
<tr> 
<td><% = book. getTitle() %></td> 
<tdalign= "center"><% = quantity%></td> 
<td class = "right"><% = new DecimalFormat("0.00").format(price) %$></td> 
<tdclass= "bold right"> <% =new DecimalFormat("0.00").format(subtotal) %> 
</td> 
</tr> 
<% } %> 
<tr> 
<td colspan= "4" class = "bold right"> 
<b> 总 计 : </b><% = new DecimalFormat("0.00").format(total) %> 
</td> 
</tr> 
</table> 
<% } %> 
<br> 客 户 账户 信息 如 下 : <br> 
客户 名 : <% = bookOrder. getUsername()%><BR> 
邮编 : <% = bookOrder. getZipcode()%><BR> 
电话 : <$ = bookOrder. getPhone() %>< BR> 
信用 卡号 : <% = bookOrder. getCreditcard( ) %>< BR> 
购书 总 额 : <% = bookOrder. getTotal()%> 
< BR> 
本 书店 将 及 时 发 货 ,请 注意 查收 .欢迎 再 次 光临 网 上 书店 ,谢谢 !< br > 
<% session. invalidate();%> 
</body> 
</html > 


7.8 JSP 设计 模式 


目前 JSP Web 开发 常见 的 有 两 种 模式 : Model I 和 Model 上。Model 工 是 采用 JSP 十 
JavaBean 模式 ; Model[T 是 MVC 模式 ,在 大 型 企业 级 开发 中 则 以 MVC 模式 居多 。 


7.8.1 Model] 体 系 结构 
Model 工 就 是 JSP 十 JavaBean 体系 结构 ,如 图 7-25 所 示 。 在 这 种 体系 结构 中 ,JSP 直接 


处 理 Web 浏览 器 送 来 的 请 求 , 并 辅 以 JavaBean 处 理 相关 的 业务 逻辑 。 这 种 结构 实现 起 来 
比较 简单 ,容易 实现 。JSP 页 面 负责 接收 客户 端 提 交 过 来 的 数据 ,同时 调用 JavaBean 中 的 
方法 。JavaBean 可 以 访问 数据 库 , 并 进行 一 些 数 据 处 理 ,并 将 处 理 结果 返回 JSP 页 面 。 最 
终 由 JSP 将 处 理 结果 返回 给 客户 端 浏览 器 。 





Request 





JSP 








Response 


JavaBean 


7-25 ”ModelI 体 系 结构 


Model 工 把 所 有 的 代码 都 放 在 JSP 中 或 抽取 部 分 业务 逻辑 代码 放 于 JavaBean 中 。 这 
样 做 的 好 处 是 原理 简单 .易于 实现 ,适用 于 小 型 系统 开发 。 缺 点 是 JSP 页 面 中 含有 大 量 的 
用 <% %> 标 示 的 Java 代码 段 ,使 得 整个 JSP 页 面 显 得 非常 混乱 ,代码 重用 性 低 ,可 读 性 差 ， 
难以 维护 。 

在 网 上 书店 项 目 中 的 listBook. jsp 就 是 Model I 的 一 个 典型 应 用 。 它 的 任务 很 繁重 ， 
它 需 要 知道 TitleDaoImple 对 象 的 方法 定义 ,并 调用 相应 方法 获取 数据 。JSP 页 面 获取 数据 
后 还 负责 将 数据 显示 出 来 。 实 际 上 ,JSP 只 是 设计 用 来 显示 数据 的 ,不 应 该 知道 底层 类 的 
调用 。 

在 早 些 时 候 的 JSP 说 明 书 里 面 提倡 两 种 JSP 的 使 用 方式 ,分 别 是 JSP Model 工 和 JSP 
Model 于 ,两 者 的 本 质 上 的 区 别 在 于 请 求 的 处 理 ,Model 这 种 JSP 十 JavaBean 模式 已 经 体 
现 出 把 显示 和 内 容 进 行 分 离 设 计 的 思想 ,对 于 小 型 的 应 用 来 说 是 一 种 完美 的 架构 。 但 是 ,由 
于 Model [中 显示 和 内 容 分 离 还 不 够 彻底 ,因为 它 在 JSP 页 面 中 仍然 混杂 了 大 量 的 业务 好 
辑 , 甚 至 有 些 JSP 页 面 纯 粹 是 用 来 做 数据 处 理 ,然后 转发 页 面 ,没有 向 浏览 器 输出 任何 数 
据 。 由 于 JSP 页 面 中 嵌入 大 量 的 Java 代码 , 当 业 务 逻 辑 复 杂 时 ,使 用 此 模式 会 带 来 副作用 ， 
程序 难以 维护 。 因 此 在 大 型 项 目 中 ,很 少 采用 这 种 模式 。 


7.8.2 Model 开 体系 结构 


Model 了 [架构 把 显示 层 和 内 容 层 进行 分 离 , 如 图 7-26 所 示 。Meodel 开 也 可 以 看 作 是 设 
计 模 式 MVC(Model-View-Controller) 即 “模型 -视图 -控制 器 ”模式 的 一 种 实现 形式 。MVC 
是 Xerox PARC 在 20 世纪 80 年 代为 编程 语言 Smalltalk-80 发 明 的 一 种 软件 设计 模式 ,至 
今 已 被 广泛 使 用 。 最 近 几 年 被 推荐 为 Sun 公司 J2EE 平台 的 设计 模式 ,并 且 受 到 越 来 越 多 
的 使 用 者 和 开发 者 的 欢迎 。 

Model[ 的 工作 原理 是 : 所 有 的 请 求 都 被 发 送 给 作为 控制 器 的 Servlet,Servlet 接收 请 
求 , 并 根据 请 求 信息 将 它们 分 发 给 相应 的 JSP 页 面 来 响应 ; 同时 Servlet 还 根据 JSP 的 需求 
生成 相应 的 JavaBean 对 象 并 传输 给 JSP,JSP 通过 直接 调用 方法 或 利用 useBean 的 自 定义 
标签 ,得 到 JavaBean 中 的 数据 。 

这 里 ,Servlet 扮演 了 一 个 控制 器 的 角色 ,负责 生成 JSP 页面 所 要 用 到 的 JavaBean 对 
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图 7-26 Model 了 [体系 结构 


象 ,并 且 控 制 流程 的 处 理 , 根 据 不 同 的 请 求 来 决定 转发 到 哪个 JSP 页面。 这 样 做 的 好 处 在 
于 : 用 JSP 专门 用 于 表现 数据 而 无 须 进 行 其 他 操作 ,使 得 JSP 页 面 没有 或 只 含 很 少 的 Java 
代码 。 使 得 页 面 清 晰 ,提高 了 可 读 性 ,便于 维护 。 

设计 模式 有 两 层 . 三 层 和 多 层 之 分 ,直接 决定 着 项 目的 应 用 、 部 署 和 实际 开发 设计 。 

Model[ 将 JSP 程序 的 功能 分 为 三 层 : Model( 模 型 ) 层 .View( 视 图 ) 层 .Controller( 控 
制 ) 层 。 

具体 实现 时 ,JavaBean 作为 模型 层 ,Servlet 作为 控制 层 ,JSP 作为 视图 层 。 每 层 的 作用 
如 下 : 

(1) JavaBean 作为 模型 层 , 负 责 存储 与 应 用 程序 相关 的 数据 ,实现 各 个 具体 应 用 的 业务 
逻辑 功能 。 

(2) JSP 作为 视图 层 , 用 于 用 户 界 面 的 显示 。 它 主要 通过 信息 共享 ,从 JavaBean 中 取出 
数据 ,插入 到 HTML 页 面 中 。 

(3) Servlet 作为 控制 层 , 负 责 处 理 HTTP 请 求 ,包括 对 输入 数据 的 检查 和 转换 、 通 过 
JavaBean 访问 数据 库 、 初 始 化 JSP 页 面 中 要 用 到 的 JavaBean 或 对 象 . 根 据 处 理 中 不 同 的 分 
支 和 结果 决定 转向 哪个 JSP 等 。 

这 种 设计 模式 通过 Servlet 和 JavaBean 的 合作 来 实现 交互 处 理 , 很 好 地 实现 了 表示 层 、 
事务 逻辑 层 和 数据 的 分 离 。 

两 种 模型 的 比较 : 

从 以 上 对 两 种 模型 的 说 明 来 看 , Model 1 (JSP 十 JavaBean) 模 型 和 Model [[ (JSP 十 
JavaBean 十 Servlet) 模 型 的 整体 结构 都 比较 清晰 ,易于 实现 。 它 们 的 基本 思想 都 是 实现 表示 
层 . 事 务 逻 辑 层 和 数据 层 的 分 离 。 这 样 的 分 层 设计 便于 系统 的 维护 和 修改 。 两 种 模型 的 主 
要 区 别 如 下 : 

(1) 处 理 流程 的 主 控 部 分 不 同 。Model I 利用 JSP 作为 主 控 部 分 ,将 用 户 的 请 求 、 
JavaBean 和 响应 有 效 地 链接 起 来 。Model I 利用 Servlet 作为 主 控 部 分 ,将 用 户 的 请 求 、 
JavaBean 和 响应 有 效 地 链接 起 来 。 

(2) 实现 表示 层 事务 逻辑 层 和 数据 层 的 分 离 程度 不 同 。Model][ 比 Model I 有 更 好 的 
分 离 效 果 。 当 事务 逻辑 比较 复杂 、 分 支 较 多 或 需要 涉及 多 个 JavaBean 组 件 时 ,Model 工 常常 
会 导致 JSP 文件 中 能 入 大 量 的 脚本 或 Java 代码 。 特 别 是 大 型 项 目 开 发 中 ,由 于 页 面 设 计 和 
逻辑 处 理 分 别 由 不 同 的 专业 人 员 承 担 , 如 果 JSP 有 相当 一 部 分 处 理 逻 辑 和 页 面 描述 混在 一 
起 ,这 就 有 可 能 引起 分 工 不 明确 ,不 利于 两 个 部 分 的 独立 开发 和 维护 ,影响 项 目的 施工 和 管 
理 。 在 Model[I 中 ,由 Servlet 处 理 HTTP 请 求 ,JavaBean 承担 事务 逻辑 处 理 ,JSP 仅 负责 


生成 网 页 的 工作 ,所 以 表现 层 的 混合 问题 比较 轻 , 适 合 于 不 同 专业 的 专业 人 员 独 立 开发 
Web 项 目 中 的 各 层 功能 。 

MVC 设计 模式 的 思想 是 把 B/S 应 用 系统 中 的 各 个 部 件 分 离 ,减少 部 件 间 的 耦合 度 ,以 
方便 系统 的 开发 ,维护 。 但 是 ,分 层 结构 也 提高 了 对 开发 人 员 的 要 求 ,产生 较 多 的 文件 ,增加 
了 文件 管理 的 难度 。 比 较 好 的 MVC 框架 有 Struts、Webwork; 新 兴 的 MVC 框架 有 Spring 
MVC、Tapestry、JSF 等 。 这 些 大 多 是 著名 团队 的 作品 ,另外 还 有 一 些 边缘 团队 的 作品 ,也 
相当 出 色 ,如 Dinamica、VRaptor 等 ,这 些 框 架 都 提供 了 较 好 的 层次 分 隔 能 力 ,在 实现 MVC 
分 隔 的 基础 上 ,提供 一 些 现成 的 辅助 类 库 , 同 时 也 促进 了 生产 效率 的 提高 。 


习 题 7 


HttpServlet 中 的 doGet 和 doPost 的 原型 是 什么 ? 

.Servlet 实例 是 什么 时 候 创建 的 ? 什么 时 候 销 毁 的 ? 

.JSP 与 Servlet 关系 如 何 ? 

. 通过 哪个 对 象 可 以 获取 Web 容器 的 相关 信息 ? 

.如 何 通 过 HttpServletRequest 对 象 在 JSP 和 Servlet 之 间或 Servlet 之 间 传 递 数据 ? 
.getServletContext 和 getServletConfig 有 何 区 别 ? 

. 已 知 用 户 表 userinfo 的 结构 如 表 7-7 所 示 。 


表 7-7 用 户 表 (userinfo) 


站 





字 段 类 型 说 明 
userld int 用 户 ID 
loginname Varchar(20) 登录 名 
password Varchar(20) 密码 


(1) 为 表 userinfo 创建 一 个 数据 封装 类 UserInfo。 
(2) 为 表 userInfo 创建 一 个 数据 操作 接口 UserDao 和 实现 类 UserDaoImpl。UserDao 
接口 如 下 : 


Public interface UserDao{ 
Public UserInfo doLogin( String name, String password); 
} 


(3) 创建 一 个 登录 页 面 index. jsp, 输 入 用 户 名 和 密码 ,提交 给 DoUser 类 ,这 是 一 个 
Servlet 。 

(4) 在 DoUser 类 中 获取 页 面 提交 的 数据 ,并 调用 UserDaoImpl 类 的 login 方法 对 用 户 
的 合法 性 进行 验证 。 如 果 是 合法 用 户 则 将 用 户 信息 保存 在 Session 中 ,并 转发 到 成 功 页 面 
success. jsp, 在 此 页 面 中 将 保存 在 Session 中 的 信息 输出 。 如 果 不 是 合法 用 户 则 重 定向 到 登 
录 页 面 。 

8. 叙述 ModelIT 与 Modell 有 何不 同 ? 
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第 8 章 过 滤 器 





本 章 学 习 目标 
。 掌握 过 滤器 的 定义 、 作 用 与 设计 方法 ; 
。 掌握 使 用 过 滤器 解决 常见 问题 。 


8.1 Servlet 过 滤器 简介 


Servlet 过 滤器 是 可 插入 的 Web 组 件 , 实 现 Web 应 用 程序 中 的 预 处 理 和 后 期 处 理由 
辑 。 过 滤器 支持 Servlet 和 JSP 页 面 的 基本 请 求 处 理 功能 ,如 日 志 记录 、 性 能 、 安 全、 会 话 处 
理 ,XSLT 转换 等 。Servlet 过 滤器 是 小 型 的 Web 组 件 ,拦截 请 求 和 响应 ,以 便 查看 、 提 取 或 
以 某 种 方式 操作 正在 客户 机 和 服务 器 之 间 交 换 的 数据 。 

Filter 的 基本 工作 原理 : 当 在 web. xml 中 注册 了 一 个 Filter 来 对 某 个 Servlet 程序 进行 
拦截 处 理 时 ,这 个 Filter 就 成 了 Servlet 容器 与 该 Servlet 程序 的 通信 线路 上 的 一 道 关卡 ,该 
Filter 可 以 对 Servlet 容器 发 送 给 Servlet 程序 的 请 求 和 Servlet 程序 回 送 给 Servlet 容器 的 
响应 进行 拦截 ,可 以 决定 是 否 将 请 求 继续 传递 给 Servlet 程序 ,以 及 对 请 求 和 响应 信息 是 否 
进行 修改 ,在 一 个 Web 应 用 程序 中 可 以 注册 多 个 Filter 程序 ,每 个 Filter 程序 都 可 以 对 一 
个 或 一 组 Servlet 程序 进行 拦截 。 若 有 多 个 Filter 程序 对 某 个 Servlet 程序 的 访问 过 程 进行 
拦截 , 当 针对 该 Servlet 的 访问 请 求 到 达 时 , Web 容器 将 把 这 些 Filter 程序 组 合成 一 个 
Filter 链 (过 滤器 链 ) 。Filter 链 中 各 个 Filter 的 拦截 顺序 与 它们 在 应 用 程序 的 web. xml 中 
映射 的 顺序 一 致 。 

Servlet 过 滤器 的 工作 过 程 如 图 8-1 所 示 。 
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图 8-1 Servlet 过 滤器 的 工作 过 程 


Servlet 过 滤器 能 够 对 Servlet 容器 的 请 求 和 响应 对 象 进行 检查 和 修改 。Servlet 过 滤器 
本 身 并 不 生成 请 求 和 响应 对 象 ,只 提供 过 滤 作 用 。Servlet 过 滤器 能 够 在 调用 请 求 的 Servlet 
之 前 检查 Request 对 象 , 修 改 Request Header 和 Request 对 象 本 身 的 内 容 ; 阻止 资源 调用 ， 
转 到 其 他 资源 ,返回 一 个 特定 的 状态 码 或 生成 替换 输出 。 在 Servlet 被 调用 之 后 检查 
Response 对 象 ,修改 Response Header 和 Response 内 容 。Servlet 过 滤器 过 滤 的 资源 可 以 
是 ServletJSP 和 HTML 等 。 

过 滤器 主要 有 以 下 几 方 面 应 用 

。 权限 检查 : 根据 请 求 过 滤 非 法 用 户 。 

。 记录 日 志 : 记录 指定 的 日 志 信息 。 

。 解码 : 对 非 标准 的 请 求解 码 。 

。 解析 XML: 和 XSLT 结合 生成 HTML。 

。 设置 字符 集 : 解决 中 文 乱码 问题 。 


8.2 Servlet 过 滤器 体系 结构 


Servlet 过 滤器 用 于 拦截 传人 的 请 求 和 传 出 的 响应 ,并 监视 、 修 改正 通过 的 数据 流 。 过 
滤器 是 自 包含 的 组 件 ,可 以 在 不 影响 Web 应 用 程序 的 情况 下 添加 或 删除 它们 。 一 个 过 滤器 
可 以 过 滤 任 意 多 个 资源 ,一 个 资源 也 可 以 被 任意 多 个 过 滤器 过 滤 , 如 果 Filter 有 多 个 , 则 过 
滤 顺 序 与 在 web. xml 中 配置 的 顺序 一 致 。Web 资源 S 和 过 滤器 工 的 关系 如 图 8-2 所 示 。 


其 中 ,S1、S2、S3 分 别 代 表 资源 ,fl 、f2、f3 分 别 代 表 、 人 
过 滤器 。 它 们 的 关系 为 : 


i 


。 过 滤器 昌 被 关联 到 资源 S1、S2、S3。 le 


。 也、f2\f3 将 依次 作用 于 资源 S2。 ' 
。 生 \f3 将 依次 作用 于 S1。 一 的 


”位 只 作用 于 S3。 图 8-2 Web 资源 与 过 滤器 的 关系 
以 资源 S2 为 例 分 析 过 滤器 的 工作 原理 。 客 户 要 访 


问 资源 S2 ,就 要 依次 经 过 过 滤器 所.f2 和 f3, 最 后 才能 访问 资源 S2。 客 户 的 请 求 信息 必须 
经 过 每 个 过 滤器 的 处 理 , 如 果 有 一 个 过 滤器 不 能 通过 , 则 请 求 信 息 将 无 法 到 达 资 源 S2。 在 
请 求 信息 到 达 资 源 S2 后 ,S2 要 送 回 一 个 响应 信息 ,响应 信息 返回 过 程 中 也 要 通过 过 滤器 ， 
请 求 信息 经 过 几 个 过 滤器 ,回应 信息 也 要 经 过 几 个 过 滤器 ,只 是 回应 信息 经 过 过 滤器 的 次 序 
与 请 求 信息 的 正好 相反 。S2 的 响应 信息 首先 经 过 f3 ,然后 是 人 和 和。 

由 此 可 见 , 一 个 Web 资源 (Servlet、JSP、.HTML) 可 以 配置 一 个 过 滤器 ,或 由 多 个 过 滤 
器 组 成 的 过 滤器 链 ,当然 也 可 以 没有 过 滤器 。 


8.3 Servlet 过 滤器 实例 


过 滤器 必须 实现 javax. servlet. Filter 接口 ,这 一 接口 声明 init、doFilter 和 destroy 三 个 
方法 。 它 们 作用 如 下 : 
init(FilterConfig config) : init 方法 在 Filter 生命 周期 中 仅 执行 一 次 ,这 个 方法 在 容器 
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实例 化 过 滤器 时 被 调用 ,并 对 过 滤器 进行 初始 化 , 它 是 在 第 一 次 访问 时 被 执行 的 , Web 容器 
在 调用 init 方法 时 ,会 传递 一 个 包含 Filter 的 配置 和 运行 环境 的 FilterConfig 对 象 。 利 用 
FilterConfig 对 象 可 以 得 到 ServletContext 对 象 ,以 及 在 web. xml 文件 中 指定 的 过 滤器 初 
始 化 参数 。 在 这 个 方法 中 ,可 以 抛 出 ServletException 异常 ,通知 容器 该 过 滤器 不 能 正常 工 
作 。 通 过 这 个 方法 可 以 获取 初始 化 参数 。 

doFilter(ServletRequset request, ServletResponse response, FilterChain chain): 过 滤 
器 的 自 定义 行为 主要 在 这 里 完成 ,过 滤器 执行 doFilter 方法 时 ,会 自动 获得 过 滤器 链 
(FilterChain) 对 象 , 使 用 该 对 象 的 doFilter 方法 可 继续 调用 下 一 级 过 滤器 。 

destroy() : 在 停止 使 用 过 滤器 前 ,由 容器 调用 过 滤器 的 这 个 方法 ,完成 必要 的 清除 和 释 
放 资 源 的 工作 。 

【 例 8-1】 设计 一 个 IP 地 址 过 滤器 。 只 有 在 指定 范围 的 IP 地 址 才能 登录 ,而 不 在 此 范 
围 的 IP 地 址 则 拒绝 登录 。 可 以 将 起 始 IP 地 址 和 终止 IP 地 址 写 在 web. xml 配置 文件 中 ， 
本 例 中 为 了 方便 地 将 读 取 到 的 起 止 IP 地 址 存放 到 request 对 象 中 ,以 便 比 对 过 滤 结 果 ,将 从 
web. xml 中 读 取 起 止 IP 地 址 的 语句 安排 在 doFilter 方法 中 ,实际 项 目 一 般 是 在 过 滤器 的 
init 方法 中 读 取 这 些 配置 信息 。 当 有 客户 请 求 资 源 时 ,首先 获取 客户 的 IP 地 址 ,并 将 客户 
的 IP 与 读 取 配置 文件 的 IP 地 址 作 比 较 , 如 果 客 户 IP 在 有 效 范围 内 , 则 人 允许 登录 ,否则 拒绝 
登录 。 

程序 (jspweb 项 目 /srcyfilter/FilterIP. java) 的 清单 : 


package filter; 
import java. io. IOException; 
import javax. servlet. Filter; 
import javax. servlet. FilterChain; 
import javax. servlet. FilterConfig; 
import javax. servlet. ServletException; 
import javax. servlet. ServletRequest; 
import javax. servlet. ServletResponse; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
public class FilterIP implements Filter { 
private FilterConfig filterConfig; 
private int startIp; // 起 始 IP 地 址 
private int endIp; // 结 束 IP 地 址 
public void destroy() { 
| 
public void doFilter(ServletRequest arg0, ServletResponse argl, 
FilterChain arg2) throws IOException, ServletException { 
// 将 ServletRequest 转换 为 HttpServletRequest 
HttpServletRequest request = (HttpServletRequest) arg0; 
// 将 ServletResponse 转换 为 HttpServletResponse 
HttpServletResponse response = (HttpServletResponse) argl; 
// 从 web. xml 中 读 取 初 始 化 参数 startIP 
String strstartIp = filterConfig. getInitParameter("startIp"); 
// 从 web. xml 中 读 取 初始 化 参数 endIP 
String strendIp = filterConfig. getInitParameter("endIp"); 


request. setAttribute("strstartIp", strstartIp); 

request. setAttribute("strendIp", strendIp); 

// 将 起 始 匡 地 址 中 的 “. ”去掉 , 再 转 为 整 型 量 ,如 127.0.0.1 变 为 127001 

startIp = Integer.parseInt(strstartIp. replace(".", "")); 

endIp = Integer.parseInt(strendIp. replace(".", "")); 

String reqIP = request. getRenoteHost(); // 获 取 客户 端的 IP 地址 

request. setAttribute("reqIP", reqIP); 

reqIP = reqIP.replace(".", "");  // 将 惠 地 址 中 的 “. ”去掉 ,如 127.0.0.1 变 为 127001 
//request. getRequestDispatcher("/ch08/filtIp. jsp"). forward(request, response); 
//request. getRequestDispatcher("error. jsp"). forward(request, response); 

int ip = Integer. parseInt(reqIP); // 将 字符 串 转 为 int 型 数据 

// 如 果 用 户 的 王 不 在 允许 范围 内 则 转发 到 error. jsp 页 面 
if(ip < startIp || ip > endIp) { 

request. getRequestDispatcher("/ch09/filtIp. jsp").forward(request, response); 

} 

System. out. println(" 这 是 对 request 的 过 滤 "); 

arg2. doFilter(arg0, arg1); // 调 用 下 一 个 FILTER 或 调用 资源 
System. out. println(" 这 是 对 response 的 过 滤 "); 

public void init(FilterConfig arg0) throws ServletException { 
this. filterConfig = arg0; 
} 


在 init() 中 ,FilterConfig 对 象 的 getInitParameter 方法 可 以 一 次 读 取 web. xml 文件 中 
的 配置 信息 ,利用 request 对 象 的 getRemoteHost 方法 可 以 获取 客户 端的 IP 地 址 ,将 客户 
端的 IP 地 址 与 配置 文件 中 的 IP 地 址 范围 比较 ,就 可 以 实现 对 登录 用 户 的 控制 。 

程序 (jspweb 项 目 /WebRoot/ch08/filtIp. jsp) 的 清单 : 


<$% @ page language = "java" import = "java.util. *" pageEncoding = "utf 一 8" %> 
<html> 
<head> 
<title> 显 示 过 滤器 拦截 结果 </title> 
</head> 
< body> 
对 不 起 ,你 的 IP 地 址 是 : <% = request. getAttribute("reqIP") %><br> 
不 在 服务 范围 内 !< hr> 
web. xml 设置 的 合法 地 址 范围 是 : < br > 
xml 设置 的 startIp=<% = request. getAttribute("strstartIp") %><br> 
xml 设置 的 endIp =<% = request. getAttribute("strendIp") %><br> 
</body> 
</html > 


在 web. xml 中 要 对 过 滤器 进行 配置 ,配置 代码 如 下 : 


<filter> 
<filter - name > filterIp </filter — name> 
<filter ~ class>filter. FilterIP </filter - class> 
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< ip 让 一 param> 
<param— name> startIp </param - name> 
<param— value> 127.0.0.2 </param- value> 
</init - param> 
<init-param> 
< param - name > endIp </param - name > 
<param— value> 127.0.0.5</param— value> 
</init - param> 
</filter > 
<filter 一 mapping> 
<filter - name> filterIp </filter — name> 
<url - pattern >/ * </url - pattern> 
</filter — mapping> 


在 上 面 的 配置 中 ,< filter > 元 素 配 置 了 过 滤 IP 地 址 的 过 滤器 ,过 滤器 的 名 字 是 filterIp， 
实现 类 的 完整 类 名 是 filter. FilterIp ,其 中 的 < init-param > 子 元 素 定义 了 两 个 初始 化 参数 
starplp 和 endIp, 分别 表示 IP 的 起 始 地 址 和 终止 地 址 ; < filter-mapping > 元 素 定 义 了 
filterIP 过 滤器 对 哪些 资源 的 访问 进行 过 滤 ,这 里 设置 为 /* ,表示 对 所 有 资源 都 要 过 滤 。 在 
“WebRoot\ch09\ ”文件 夹 下 建立 一 个 JSP 文件 filtIp. jsp。 当 访问 Web 服务 下 的 任何 一 个 


资源 ,这 个 过 滤器 都 会 起 作用 。 


为 了 调试 程序 时 能 够 在 控制 台 上 显示 Filter. java 中 的 System. out. println() 语 句 的 输 
出 内 容 , 必 须 在 Myeclipse 工具 栏 上 开启 Tomcat, 再 在 Myeclipse 工具 栏 上 开启 内 置 浏览 
器 ,在 浏览 器 地 址 栏 输入 http://localhost:8080/jspweb/, 则 出 现 如 图 8-3 所 示 的 运行 结 
果 。 其 中 ,控制 台 上 输出 了 过 滤器 过 滤 作用 前 后 的 输出 信息 ,从 输出 信息 表明 ,过 滤器 可 以 
在 请 求 对 象 到 达 资 源 之 前 进行 过 滤 处 理 , 也 可 以 对 服务 器 输出 的 响应 对 象 进行 过 滤 处 理 。 
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对 不 起 ， 你 的 IP 地 址 是 ，127.0.0.1 
不 在 服务 范围 内 ! 
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web xml 设 置 的 合法 地 址 范围 是 : 
xmi& 置 的 startip=127.0.02 
xmi 有 & 置 的 ecndIp=127.0.05 
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辽 是 对 request 的 过 让 
这 是 对 resPonse 的 过 滤 


图 8-3 这 是 index. jsp 页 面 


因为 来 自 本 机 请 求 的 IP 地 址 是 127. 0. 0. 1 ,而 web. xml 配置 文件 中 的 可 访问 起 止 地 址 
是 127. 0. 0. 2 一 127. 0. 0.5 ,客户 的 IP 地 址 不 在 允许 范围 内 ,请 求 被 过 滤器 拦截 ,转发 到 了 


到 





filtIp. jsp 页 面 ,不 能 到 达 请 求 资源 index. jsp 页 面 。 

如 果 改 变 web. xml 文件 中 的 startIp 的 值 为 127. 0. 0.0, 重 启 tomcat 服务 器 ,访问 与 上 
面 同样 的 网 址 , 则 可 以 请 求 index. jsp 页 面 。 这 是 因为 请 求 的 IP 地 址 在 允许 范围 内 。 

【 例 8-2〗 这 是 本 书 提供 的 网 上 书店 实例 项 目 中 的 一 个 实际 应 用 的 过 滤器 。 该 过 滤 
器 有 两 个 功能 ,一 是 通过 配置 参数 encoding 指明 使 用 何 种 字符 集 编 码 来 获取 请 求 对 象 的 
参数 ,以便 对 所 有 请 求 统一 处 理 表单 参数 的 中 文 问题 ; 二 是 不 允许 未 经 登录 的 用 户 访 问 
站 点 中 的 其 他 任何 资源 ,实现 这 一 功能 的 原理 是 在 过 滤器 中 检查 Session 对 象 中 是 否 保存 
有 用 户 名 以 便 判 断 用 户 是 否 已 登录 ,如 果 未 经 登录 而 直接 访问 http://localhost: 8080/ 
bookstore/ 下 的 任何 其 他 资源 ,都 会 强制 返回 登录 页 面 index. html。 

程序 (bookstore 项 目 /src/filter/CharacterEncodingFilter. java) 的 清单 : 


package filter; 
import java. io. IOException; 
import javax. servlet. Filter; 
import javax. servlet. FilterChain; 
import javax. servlet. FilterConfig; 
import javax. servlet. ServletException; 
import javax. servlet, ServletRequest; 
import javax. servlet, ServletResponse; 
import javax. servlet, http. HttpServletRequest; 
import javax. servlet, http. HttpServletResponse; 
public class CharacterEncodingFilter implements Filter { 
public void destroy() { 
B 
public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) throws IOException, ServletException { 
request. setCharacterEncoding( "utf ~ 8"); // 设 置 获 取 请 求 参数 时 所 使 用 的 编码 集合 
HttpServletRequest req = (HttpServletRequest) request; 
HttpServletResponse res = (HttpServletResponse) response; 
String basePath = req.getScheme() +"://"+ req.getServerName()+":"+ 
req. getServerPort() + req. getContextPath() + "/"; // 获 得 项 目 基 准 路 径 
String url = req. getRequestURL().toString(); // 从 request 对 象 中 获取 访问 资源 URL 
String str = (String) req. getSession().getAttribute("userName"); // 从 session 中 取得 用 户 名 
// 如 果 已 登录 或 请 求 的 是 登录 页 面 中 的 相关 资源 , 则 放行 
if (str != null|| url.equals(basePath+ "index.html") 
|| url.equals(basePath + "images/top. jpg") 
|| url.equals(basePath + "checkUser. jsp")) 
{ 
chain. doFilter(request, response); 
} else { // 否 则 ( 即 未 经 登录 却 试图 访问 非 登录 页 面 的 其 他 页 面 或 资源 ), 强制 转 到 登录 页 面 
res. sendRedirect("/bookstore/index. html");// 这 种 目标 路 径 的 表示 方法 与 当前 路 径 无 关 
J 
public void init(FilterConfig arg0) throws ServletException { 
1 
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在 web. xml 中 要 对 过 滤器 进行 配置 ,配置 代码 如 下 : 


<filter> 
<filter - name > character </filter - name> 

<filter - class> filter. CharacterEncodingFilter </filter- class> 
</filter> 
<filter - mapping> 

<filter - name > character </filter - name> 

<url- pattern>/* </url — pattern> 
</filter — mapping> 


【 例 8-3】 设计 一 个 过 滤器 ,用 来 跟踪 一 个 客户 的 Web 请 求 (页 面 处 理 ) 所 花 的 大 致 
时 间 。 
程序 (jspweb 项 目 /src/filter/TimeTrackFilter. java) 的 清单 : 


package filter; 

import javax. servlet. *; 

import java, util, *; 

import java. io, *; 

public class TimeTrackFilter implements Filter { 
private FilterConfig filterConfig = null; 
public void init(FilterConfig filterConfig) 
throws ServletException { 

this. filterConfig = filterConfig; 


1 


} 
public void destroy(){ 
this. filterConfig 


0 


null; 
} 
public void doFilter( ServletRequest request, ServletResponse response, FilterChain chain ) 
throws IOException, ServletException { 
Date startTime, endTime; 
double totalTime; 
startTime = new Date(); 
chain. doFilter(request, response); 
endTime = new Date(); 
totalTime = endTime.getTime() — startTime.getTime(); 
StringWriter sw = new StringWriter(); // 创 建 一 个 新 字符 流 
PrintWriter writer = new PrintWriter(sw); // 构 建 sw 的 写 入 对 象 writer 
writer. println( ); 





writer. println(" == bh 

writer. println(" 页 面 处 理 所 用 时 间 : ”+ totalTime + "毫秒 ." ); 
writer. println(" == Dy 

writer. flush(); 

// 在 控制 台 上 通过 日 志 log 输 出 sw 

filterConfig. getServletContext(). log(sw. getBuffer(). toString()); 





在 web. xml 中 要 对 过 滤器 进行 配置 ,配置 代码 如 下 : 


<filter> 
<filter- name> timefilter </filter - name> 
<filter- class>filter. TimeTrackFilter </filter —- class> 
</filter> 
<filter 一 mapping> 
<filter- name> timefilter </filter- name> 
< url - pattern >/ * </url - pattern> 
</filter - mapping> 


配置 好 过 滤器 后 ,在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1:8080/jspweb/index. jsp, 程 
序 运行 结果 如 图 8-4 所 示 。 











| Tinerracyilter jave fweb xnl | MyEclipse reb Brovser 2 | 
[http://127. 0.0.1:8080/jspweb/index jsp 可 区 执 由， 中 国 必 58| 

< 

This is my JSP page- 让 

客户 端 亿 地 址 是 ，127.0.0.1 习 























8-4 过 滤器 TimeTrackFilter. java 运行 结果 


还 可 以 使 用 过 滤器 禁止 浏览 器 缓存 当前 页 面 。 有 三 个 HTTP 响应 头 字段 都 可 以 禁止 
浏览 器 缓存 当前 页 面 ,它们 示例 代码 如 下 : 


response. setDateHeader( "Expires", — 1); 
response. setHeader("Cache - Control", "no — cache" ); 
response. setHeader( "Pragma", "no — cache" ); 


并 不 是 所 有 的 浏览 器 都 能 完全 支持 上 面 的 三 个 响应 头 , 因 此 最 好 是 同时 使 用 上 面 的 三 
个 响应 头 。 


8.4 JSP 中 文 乱 码 问 题 


由 于 Java 语言 内 部 采用 UNICODE 编码 ,所 以 在 程序 运行 时 ,就 存在 着 一 
UNICODE 编码 和 对 应 操作 系统 及 浏览 器 支持 的 编码 格式 转换 输入 输出 的 问题 。 在 这 个 转 
换 过 程 中 有 一 系列 的 步骤 ,如 果 其 中 任何 一 步 出 错 , 则 输出 就 会 出 现 乱 码 。 这 就 是 常见 的 中 
文 乱 码 问题 。 在 Web 开发 中 遇 到 的 中 文 编码 问题 主要 有 JSP 页 面 显 示 、 表 单 提交 和 数据 库 
应 用 等 。 
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1. JSP 页 面 中 文 乱码 问题 
在 JSP 页 面 中 输出 中 文 时 乱码 ,这 是 因为 字符 编码 不 正确 所 导致 。JSP 页 面 的 编码 方 
式 有 两 个 地 方 需要 设置 : 


<% @ page language = "java" import = "java.util. *" pageEncoding = "utf 一 8" 第 > 
<% @ page contentType = "text/html;charset = utf - 8" %> 


其 中 ,pageEncoding 指 的 是 JSP 文件 本 身 在 本 地 保存 时 的 编码 方式 ; contentType 的 
charset 是 指 服 务 器 发 送 网 页 内 容 给 客户 端 时 所 使 用 的 编码 。 

从 第 一 次 访问 一 个 JSP 页 面 开始 ,到 这 个 页 面 被 发 送 到 客户 端 ,这 个 JSP 页 面 要 经 过 
三 次 编码 转换 : 

(1) 根据 pageEncoding 的 设 定 字 符 编码 读 取 JSP 生成 Servlet(. java) ,结果 生成 的 
Servlet 的 编码 是 统一 的 UTF-8, 如 果 pageEncoding 设 定 错 了 ,或 没有 设 定 , 就 会 出 现 中 文 
乱码 。 

(2) 由 JAVAC 编译 指令 将 Java 源码 编译 为 Java 字 节 码 ,不 论 读 取 JSP 设 定 的 是 什么 
编码 方案 ,经 过 这 个 阶段 的 结果 全 部 是 按 UTF-8 编码 的 。JAVAC 用 UTF-8 编码 读 取 Java 
源码 ,编译 成 UTF-8 编码 的 字 节 码 ( 即 class) ,这 是 JVM 对 常数 字 串 在 二 进 制 码 (Java 
Encoding) 内 表达 的 规范 。 

(3) Tomcat( 或 其 他 的 application container) 载 人 和 执行 字 节 码 ,根据 contentType 的 
charset 设 定 的 编码 方案 向 客户 端 浏 览 器 输出 结果 。 

所 以 最 终 的 解决 方法 为 : 

在 JSP 页 面 设 置 pageEncoding 或 contentType 的 charset 其 中 一 个 为 支持 中 文 的 编码 
格式 (如 UTF-8、GBK、GB2312)。 因 为 设置 一 个 的 话 , 另 一 个 默认 会 和 它 一 样 。 

如 果 两 个 都 设置 , 则 必须 保证 两 个 都 支持 中 文 编码 (不 一 定 要 一 样 )。 

最 佳 建议 设置 如 下 : 


<$% @ page language = "java" import = "java.util. *" pageEncoding = "utf - 8" %> 
<% @ page contentType = "text/html;charset = utf ~ 8" %> 


2. 表单 提交 乱码 问题 

在 JSP 页 面 中 提交 表单 时 (用 POST 方法 或 GET 方法 ) ,使 用 request. getParameter 方 
法 获取 表单 控件 值 时 出 现 乱码 。 出 现 这 种 现象 的 原因 是 因为 在 Tomcat 中 处 理 参 数 时 , 采 
用 默认 的 字符 集 为 ISO-8859-1, 而 这 个 字符 集 是 不 包含 中 文 的 ,所 以 出 现 乱码 。 在 Tomcat 
中 由 于 对 POST 方法 和 GET 方法 提交 数据 处 理 方式 不 同 ,因此 解决 中 文 乱码 方法 也 不 
相同 。 

在 网 上 书店 的 程序 设计 过 程 中 ,对 提交 数据 中 文 乱码 的 解决 方法 是 ,首先 获取 字符 串 的 
字 节 码 ,然后 再 转换 为 相应 的 字符 编码 ,命令 为 


new String(s. getBytes("ISO- 8859 一 1"), "GBK"); //s 为 要 转换 的 字符 串 变 量 


在 程序 中 只 要 有 提交 中 文 数据 的 地 方 都 要 用 这 个 命令 去 转换 ,同样 的 代码 分 布 在 大 部 


分 的 JSP 页 面 和 Servlet 中 ,这 显然 不 符合 面向 对 象 设计 的 基本 思想 ,如 何 解决 这 个 问题 呢 ? 
对 于 GET 方法 提交 的 表单 ,要 在 Tomcat 的 HOME 主 目录 中 的 CONF 目录 下 的 
server. xml 中 进行 配置 。 在 <TOMCAT_HOME >\conf 目录 下 的 server. xml 文件 中 ,找到 
对 8080 端口 进行 服务 的 Connector 组 件 的 设置 部 分 ,给 这 个 Connector 组 件 添加 一 个 属性 
URIEncoding 二 "GBK"。 修 改 后 的 Connector 组 件 的 设置 代码 如 下 : 





< Connector port = "8080" protocol = "HTTP/1.1" 
connectionTimeout = "20000" 
redirectPort = "8443" 
URIEncoding = "GBK" /> 


这 样 修改 后 ,重启 Tomcat 服务 器 可 以 正确 处 理 GET 方法 提交 的 请 求 数据 了 。 

对 POST 方法 提交 的 表单 数据 可 以 通过 编写 过 滤器 的 方法 解决 ,过 滤器 在 用 户 提交 的 
数据 被 处 理 之 前 被 调用 ,可 以 在 这 里 改变 请 求 参数 的 编码 方式 。 只 要 在 过 滤器 中 设置 一 个 
命令 : 


request. setCharacterEncoding("gbk"); 


这 个 命令 可 以 解决 POST 请 求 字符 串 带 来 的 字符 乱码 问题 。 字 符 编码 过 滤器 程序 片 
段 : 假定 过 滤器 文件 名 为 filter. SetCharacterEncodingFilter. java。 


public class SetCharacterEncodingFilter implements Filter { 
protected FilterConfig filterConfig; 
protected String encodingName; 
public void init(FilterConfig filterConfig) throws ServletException { 
this. filterConfig = filterConfig; 
// 读 取 web. xml 文件 中 参数 encoding 的 值 
encodingName = filterConfig. getInitParameter("encoding"); 
} 
public void doFilter (ServletRequest request, ServletResponse response, FilterChain chain) 
throws IOException, ServletException { 
request. setCharacterEncoding(encodingName); // 设 置 请 求 对 象 的 字符 编码 
chain. doFilter(request, response); 
response. setCharacterEncoding(encodingName); // 设 置 回应 信息 的 字符 编码 
上 
public void destroy() { 
上 
} 


在 web. xml 文件 中 添加 如 下 配置 信息 : 


< filter> 
< filter - name > SetCharacterEncodingFilter </filter — name> 
<filter— class> filter. SetCharacterEncodingFilter </filter ~- class> 
< init~ param> 
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< param— name > encoding </param — name > 
<param— value> GBK </param — value> 
</init ~- param> 


</filter> 
<filter 一 mapping> 


< filter - name > SetCharacterEncodingFilter </filter - name> 
<url - pattern>/* </url - pattern> 


</filter - mapping> 


在 配置 文件 中 定义 了 一 个 encoding 参数 ,其 值 为 GBK ,过 滤器 中 就 是 根据 这 个 参数 设 
置 的 字符 集 。 这 样 做 的 好 处 是 更 改 字符 集 时 不 需要 更 改 源 程序 ,只 需 修 改 配置 文件 即 可 。 
在 过 滤器 中 添加 了 这 个 设置 以 后 ,会 对 所 有 的 请 求 资源 进行 字符 转换 ,程序 中 不 再 需要 将 
ISO-8859-1 字符 转换 为 GBK 了 ,可 以 将 程序 中 的 所 有 new String(s. getBytes("ISO-8859- 
1"),"GBK") 语 句 去 掉 。 


入 一 


习 题 8 
. 简 述 过 滤器 的 设计 要 点 。 
. 简 述 过 滤器 的 体系 结构 。 
. 简 述 过 滤器 与 Servlet 有 何不 同 ? 


.编写 示例 程序 ,添加 过 滤器 ,实现 在 控制 台 上 打印 登录 用 户 名 和 登录 的 时 间 。 
5. 


编写 示例 程序 ,添加 过 滤器 ,实现 登录 IP 地 址 控制 ,只 允许 IP 地 址 在 192. 168. 1. 1 一 


192. 168. 1. 10 之 间 的 用 户 登 录 , 不 在 此 范围 内 的 用 户 拒绝 登录 。 
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编写 示例 程序 ,添加 过 滤器 ,统一 处 理 请 求 参 数 的 中 文字 符 编码 。 





第 9 章 EL 与 JSTL 





本 章 学 习 目标 

。 掌握 EL 表达 式 意义 与 使 用 方法 ; 

。 掌握 JSTL 核心 标签 库 的 含义 及 使 用 方法 ; 
。 掌握 EL 和 JSTL 在 JSP 项 目 中 的 应 用 方法 。 


9.1 EL 表达 式 基础 知识 


EL(Expression Language) 是 JSP 2.0 中 引入 的 一 种 计算 和 输出 Java 对 象 的 简单 语言 ， 
提供 了 在 JSP 中 进行 数据 表达 的 另 一 种 简便 方法 。 

EL 表达 式 用 美元 符号 “$ ” 定 界 ,内 容 包含 在 一 对 大 括号 “{})” 中 ,如 ${expression ) 。 

EL 表达 式 语 法 很 简单 , 它 最 大 的 特点 就 是 使 用 方便 。 

1，EL 表达 式 特 点 

(1) 在 EL 表达 式 中 可 以 获得 命名 空间 (PageContext 对 象 ,是 页 面 中 所 有 其 他 内 置 对 
象 最 大 范围 的 集成 对 象 ,通过 它 可 以 访问 其 他 内 置 对 象 ) 。 

(2) 表达 式 可 以 访问 一 般 变 量 ,还 可 以 访问 JavaBean 类 中 的 属性 以 及 嵌 套 属性 和 集合 
对 象 。 

(3) 在 EL 表达 式 中 可 以 执行 关系 .逻辑 和 算术 等 运算 。 

(4) 扩展 函数 可 以 与 Java 类 的 静态 方法 进行 映射 。 

(5) 在 表达 式 中 可 以 访问 JSP 的 作用 域 (request\session application 和 page) 。 

在 JSP 2.0 之 前 ,程序 员 只 能 使 用 下 面 的 代码 访问 系统 作用 域 的 值 ; 


<% = Session. getAttribute("name") %> 
或 使 用 下 面 的 代码 调用 JavaBean 中 的 属性 值 或 方法 : 
< jsp:useBean id = "dao" scope = "page" class = "com. UserInfoDao"></jsp:useBean> 


<% dao.name; %> <!-- 调用 UserInfoDao 类 中 name 属性 --> 
<$% dao. getName(); 名 > <!-- 调用 UserInfoDao 类 中 getName 方 法 -一 > 


在 EL 表达 式 中 允许 程序 员 使 用 简单 语法 访问 对 象 。 例 如 ,使 用 下 面 的 代码 访问 系统 
作用 域 的 值 : 


$ {name} 
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其 中 , $ {name} 为 访问 name 变量 的 表达 式 ,而 通过 EL 表达 式 语言 调用 JavaBean 中 的 
属性 值 或 方法 的 代码 如 下 : 


< jsp:useBean id = "dao" scope = "page" class = "com. UserInfoDao"></jsp:useBean> 
$ {dao. name} <!-- 调用 UserInfoDao 类 中 name 属性 --> 
$ {dao. getName()} ”<!-- 调用 UserInfoDao 类 中 getName 方法 --> 


2. EL 获取 变量 值 的 方法 
使 用 EL 时 ,默认 会 以 一 定 的 顺序 搜索 4 个 作用 域 , 并 显示 最 先 找到 的 变量 值 。 例 如 ， 
对 于 EL 表达 式 “$ {username)”, 它 会 按照 如 下 作用 域 顺序 依次 查找 变量 username: 


pageContext. getAttribute("username")—>request. getAttribute("username")— 
session. getAttribute( "username")—>application. getAttribute( "username") 


一 旦 在 某 一 作用 域 找到 变量 username 的 值 就 立刻 返回 ,否则 返回 null。 使 用 EL 表达 
式 显 示 值 时 ,如 果 得 到 的 值 为 空 , 则 不 显示 任何 内 容 , 也 不 会 显示 null。 

如 果 在 不 同 的 域 空间 中 有 同名 的 变量 ,如 pageContext 和 request 中 有 同名 变量 ,但 是 
想 要 取得 request 中 的 变量 ,就 需要 在 EL 表达 式 指 明 作 用 域 。 

例如 : 


$ {pageScope. username} 或 $ {requestScope. username} 。 


下 面 是 EL 使 用 到 的 变量 作用 域 范围 的 名 称 : 

。 page 范围 : 在 EL 中 使 用 名 称 pageScope。 

。 request 范围 : 在 EL 中 使 用 名 称 requestScope。 

。 session 范围 : 在 EL 中 使 用 名 称 sessionScope。 

。 application 范围 : 在 EL 中 使 用 名 称 applicationScope。 
【 例 9-1】 使 用 EL 表达 式 获 取 request 域 空间 的 变量 值 。 
程序 (jspweb 项 目 /WebRoot/ch09/el_1.jsp) 的 清单 : 


<$% @ page language = "java" import = "java.util. * ”pageEncoding = "utf - 8" %> 
<html> 
<% String sl = "Hello!"; 
request. setAttribute("s1", s1); 
String s2 = "Hello!"; // 未 将 s2 放 入 域 空间 ,EL 将 无 法 获取 
%> 
<body> 
<% ="${s1l}"%>= ${sl} <br> 
<% ="${s2}"%>= ${s2} <br> 
</body> 
</html > 


程序 运行 结果 如 图 9-1 所 示 。 本 例 中 ,由 于 数组 s2 未 放 a 
入 request 等 域 空间 ,所 以 ,EL 无 法 获取 s2 变量 数据 ,第 2 行 二 习 
的 等 号 右 侧 也 就 不 会 显示 任何 内 容 。 图 9-1 el_1.jsp 运行 结果 


3. EL 利用 “[ ]" 与 .操作 符 取 数据 

EL 提供 “[ ]” 和 *. "两 种 运算 符 来 取 数据 。[ ] 可 以 访问 域 空间 中 集合 或 数组 的 元 素 、 
Bean 的 属性 。 

下 列 两 者 所 代表 的 意思 是 一 样 的 ,但 是 需要 保证 要 取得 对 象 的 那个 属性 有 相应 的 
setXxx 和 getXxx 才 行 。 

例如 


$ {sessionScope. user. name} 等 于 $ { sessionScope.user["name"]} 


当 属 性 名 含有 “-”、“. ”等 非 字 母 的 字符 时 ,只 能 使 用 “[ ]” 操 作 符 取 数 据 。 例 如 ， 
$ {pageScope[ "content-type"]) 不 能 写成 $ {pageScope. content-type) ,因为 JSP 无 法 解析 
连 字 符 “-”, 会 出 现 错误 。 

在 EL 中 ,字符 串 既 可 以 使 用 "abe", 也 可 以 使 用 'abe'。 

EL 表达 式 语言 统一 了 对 点 号 和 方 括 号 运算 符 的 处 理 ,因此 $ (customer. name } 与 
$ {customer["name"]) 是 等 价 的 。 

EL 获取 JavaBean 属性 和 集合 类 元 素 的 基本 用 法 如 表 9-1 所 示 。 


表 9-1 JSP EL 的 基本 用 法 
类 型 实 例 基本 调用 方法 


JavaBeans $ {user. username} user. getUsername() 





$ {user[ "username" ]} 


$ {user[ 'username'])} 


数组 $ {sport[1]} sport[1] 
$ {sport["1"]} 
$ {sport[ '1°]) 
List $ {phone[2]) phone. get(2) 


$ {phone[ "2"]} 
$ {phone[ '2']} 
Map $ {phone. home} phone. get("home") 
$ {phone[ "home"]} 
$ {phone[ 'home']} 


【 例 9-2〗 EL 表达 式 点 号 和 方 括号 运算 符 示例 。 
程序 (jspweb 项 目 /ch09/EL_example. jsp) 的 清单 : 


<$% @ page language = "java" import = "java.util. *" pageEncoding= "utf ~- 8" %> 
<html> 
<head> 
<title> EL 获取 变量 数据 示例 </title> 
</head> 
<% char[] ch = { "1 ‘2:} 
request. setAttribute("ch",，ch); ”// 将 字符 数组 变量 ch 置 于 requestScope 域 ,以 便 氏 可 以 访问 
String sl = "Hello, how are you!"; 
request. setAttribute("s1", s1); 
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List< String> list = new RrrayList< String>(); 
list.add("first"); 
list.add("second"); 
request. setAttribute("list", list); 
HashMap < Long, String> mapl = new HashMap < Long, String>(); 
mapl. put(0L," 天 滤 "); 
mapl.put(1L，" 必 支付 "); 
request. setAttribute("mapl", mapl); 
第 > 
<body> 
sl= $ {sil}<br> 
字符 数组 : <% ="$ {ch[1]}"%>= $ {ch[1]} <br> 
List 集合 : <% ="$ {list[1]}"%>= $ {list[1]}<br> 
Map 集合: <% ="$ {map1[1]}"%>= $ {mapi[1]} <br> 
</body> 
</html > 


程序 运行 结果 如 图 9-2 所 示 。 
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图 9-2 EL_example. jsp 运行 结果 


4. EL 有 效 表达 式 
EL 有 效 表达 式 可 以 包含 数据 ,操作 符 、 变 量 (对 象 引用 ) 和 函数 调用 ,如 表 9-2 所 示 。 


表 9-2 可 在 EL 表达 式 中 使 用 的 数据 类 型 





数据 类 型 数据 表达 式 的 值 

boolean true 和 false。 例 如 : $ {fasle} 的 值 为 false, 再 如 : 语句 <%= 二 " $ {isfalse}"% > 一 
$ {isfalse} 显 示 结 果 为 $ (isfalse} = 二”。 这 是 因为 $ {isfalse} 的 值 为 空 ,所 以 等 
号 右边 不 显示 任何 内 容 

int 可 以 包含 任何 正 数 或 负数 ,如 $ {34}, $ {一 45} 

float 可 以 包含 任何 正 的 或 负 的 浮 点 数 ,如 $ {一 1. 8E 一 1 十 2} 的 值 为 1. 82 

String 任何 由 单 引号 或 双 引号 限定 的 字符 串 。 对 于 单 引号 、 双 引号 和 反 斜 杠 ,使 用 反 斜 
杠 字 符 作为 转 义 序列 。 必 须 注意 ,如 果 在 字符 串 两 端 使 用 双 引 号 , 则 单 引号 不 需 
要 转 义 。 例 如 , $ {" 你 说 \" 大 家 好 !\""} 的 值 为 “你 说 "大 家 好 !1"” 

null 对 于 结果 为 null 的 EL 表达 式 ,不 会 显示 任何 内 容 , 也 不 会 显示 “null” 


5. EL 表达 式 中 的 运算 符 
EL 表达 式 可 以 使 用 表 9-3 所 示 的 运算 符 , 其 中 大 部 分 是 Java 中 常用 的 运算 符 。 


表 9-3 EL 表达 式 常用 运算 符 





运算 符 类 型 运算 符 及 含义 
算术 型 十 \ 一 (二 元 )、* 、/ 或 div.% 或 mod、 一 (一 元 ) 
逻辑 型 and 或 有 && .or 或 | 、! 或 not 
关系 型 二 二 或 eq,!== 或 ne、< 或 lt.> 或 gt<== 或 le、>= 或 ge 
可 以 与 其 他 值 进行 比较 ,或 与 布尔 型 .字符 串 型 整 型 或 浮 点 型 文字 进行 比较 
empty empty 运算 符 是 前 缀 操作 ,可 用 于 确定 值 是 否 为 空 。 例如: $ {empty 3} 的 值 为 false 


条 件 型 condition ?resultl :result2。 根 据 condition 逻辑 表达 式 的 结果 来 决定 赋值 为 resultl 
还 是 result2, 如 $${3>5?"yes!1":"nol"} 的 值 为 "no!" 


【 例 9-3】 JSP EL 的 基本 运算 实例 。 
程序 (jspweb 项 目 /Webroot/ch09/ELbasic. jsp) 的 清单 : 


<% @ page language = "java" pageEncoding = "UTF ~— 8" %> 
<html> 
<head> 
<title>JSP EL 的 基本 运算 实例 </title> 
</head> 
<body> 
以 下 为 JSP EL 的 算术 运算 实例 < br > 
<% ="${10+10}"%>= ${10+10 }<br> 
<% ="${10-10}"%>= ${10-10 }j<br> 
<% ="${10x*10}"%>= ${10*10 }<br> 
<% ="$1{10/10 }"%>= $ {10/10 }<br> 
<% ="${10div10}"%>= ${10 div10 }<br> 
<% ="${10%10}"%>= ${10%10 }<br> 
<% ="$ {10 mod 10 }"%>= $ {10 mod10 }<br> 
<!-- 以 下 为 想 输入 原样 的 表达 式 ,需要 用 \ 或 者 ' 进 行 转 义 --> 
<% ="\\$ {10+10 }"%>=\$ {10+10 }<br> 
<% =""'$ {10+10 }"%>="'$ "(10+10 }<br> 
以 下 为 JSP EL 的 关系 运算 实例 < br > 
<% ="$1{100>200 }"%>= $ {100>200 }<br> 
<% ="$ {100 gt 200 }"%>= $ {100 gt 200 }<br> 
<% ="${100<200 }"%>= $ {100<200 }<br> 
<% ="$ {100 1t 200 }"%>= $ {100 1t 200 }<br> 
<% ="${100>=200 }"%>= ${100>=200 }<br> 
<% ="$ {100 ge 200 }"%>= $ {100 ge 200 }<br> 
<% ="${100<=200 }"%>= ${100<=200 }<br> 
<% ="$ 1{100 le 200 }"%>= $ {100 le 200 }<br> 
<% ="$1{100==200 }"%>= $ {100==200 }<br> 
<% ="$ {100 eq 200 }"%>= $ {100 eq 200 }<br> 
<% ="${100 !=200 }"%>= $ {100 !=200 }<br> 
<% ="$ {100 ne 200 }"%>= $ {100 ne 200 }<br> 
以 下 为 逻辑 运算 符 的 实例 <br> 
<% ="${(10>2) && (34>25)}"%>= ${(10>2) && (34>25) }<br> 
<#% ="$1{(10>2) and (34>25)}"%>= ${(10>2) and (34>25) }<br> 
<% ="${(10>2) || (34>25)}"%>= ${(10>2) | (34>25) }<br> 
<% ="${(10>2) or (34>25)}"%>= ${(10>2) or (34>25) }<br> 
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<% ="${!(10>2)}"%>= ${!(10>2)}<br> 
empty 运算 符 的 应 用 , empty 判断 时 , 若 对 象 为 "或 是 nu11, 则 都 为 true < br > 
<% 
pageContext. setAttribute("username", null); 
pageContext. setAttribute("password",""); 
pageContext. setAttribute("city", "北京 "); 
pageContext. setAttribute("date", new java. util. Date()); 
%> 
<!-- 判断 username 变量 是 否 为 空 ,以 下 返回 true -> 
<% ="$ {empty username}" %>= $ {empty username }<br> 
<!-- 判断 password 变量 是 否 为 空 ,以 下 返回 true --> 
<% ="$ {empty passwordj" 凶 >= $ {empty password }<br> 
<!-- 判断 city 变量 是 否 为 空 ,以 下 返回 false -> 
<% ="$ {empty city}" %$>= $ {empty city }<br> 
<!-- 判断 date 变量 是 否 为 空 ,以 下 返回 false -一 > 
<% ="$ {empty date}" %>= $ {empty date }<br> 
</body> 
</html > 


6. EL 表达 式 中 的 隐 式 对 象 

EL 表达 式 含有 11 个 隐 式 对 象 ,因为 EL 比 JSP 具有 更 多 的 隐 式 对 象 ,所 以 EL 比 JSP 
能 够 更 方便 地 获取 数据 。 

隐 式 对 象 包括 session( 获 得 当前 Web 程序 的 session 值 )、cookie (获得 Web 程序 的 
cookie 值 )、header 和 headerValues (获得 用 户 的 HTTP 数据 访问 头 部 信息 )、param 和 
paramValues( 获 得 用 户 提 交 数 据 参 数 ) 等 。 

使 用 $ { 隐 式 对 象 名 称 [" 元 素 "]} 就 可 以 获得 这 个 值 了 ,如 $ {header("host")} 可 以 显 
示 HTTP 头 部 中 host 的 值 ; $ {param("username")}) 可 以 获得 显示 用 户 表单 提交 的 用 户 ; 
$ {empty(param("username")}) 可 以 判断 用 户 提 交 表 单 是 否 为 空 等 。 可 见 ,EL 比 JSP 中 使 
用 request. getParamter("username") 要 简化 和 方便 许多 。 

请 注意 ,不 要 将 EL 隐 式 对 象 与 JSP 隐 式 对 象 ( 一 共有 9 个) 混淆 ,其 中 只 有 一 个 对 象 
pageContext 是 它们 所 共有 的 。 这 11 个 EL 隐 式 对 象 中 , pageContext 的 类 型 是 javax. 
servlet. ServletContext, 其 余 10 个 EL 隐 式 对 象 的 类 型 都 是 java. util. Map, 如 表 9-4 所 示 。 

表 9-4 EL 隐 式 对 象 


EL 隐 式 对 象 作 用 

pageContext JSP 页 面 的 上 下 文 对 象 。 它 可 以 用 于 访问 JSP 隐 式 对 象 ,如 请 求 、 响 应 、 会 
话 、 输 出 、servletContext 等 。 例 如 , EL 表达 式 $ {pageContext. request. 
contextPath} 的 作用 是 获取 形 如 /jspweb 的 相对 路 径 

pageScope 访问 pageScope 范围 的 变量 。 例 如 , $ {pageScope. objectName} 可 以 访问 一 
个 JSP 中 页 面 范 围 的 对 象 , 还 可 以 使 用 $ {pageScope. objectName. 
attributeName} 访 问 对 象 的 属性 

requestScope 访问 requestScope 范围 的 变量 。 例 如 , $ {requestScope. objectName} 可 以 访 
问 一 个 JSP 请 求 范 围 的 对 象 , 还 可 以 使 用 $ { requestScope. objectName. 
attributeName} 访问 对 象 的 属性 。 例 如 , $ {requestScope. userlist} 等 价 于 


<%=request. getAttribute ("userlist") %> 








EL 隐 式 对 象 


续 表 
作 用 





sessionScope 
applicationScope 


param 


paramValues 


header 


headerValues 


Cookie 


initParam 


访问 sessionScope 范围 的 变量 ,如 $ {sessionScope. name} 

访问 applicationScope 范围 的 变量 

获取 request 对 象 参 数 的 单个 值 ,对 应 于 request. getParameter() 。 表 达 式 
$ (param. loginname) 相 当 于 request. getParameter(loginname) 

获取 request 对 象 参 数 的 一 个 数值 数组 而 不 是 单个 值 , 对 应 于 request. 
getParameterValues( ) 。 表 达 式 $ {paramvalues. checkboxname) 相当 于 
request. getParamterValues(checkboxname) 

将 请 求 头 名 称 映射 到 单个 字符 串 头 值 , 对 应 于 request. getHeader(String 
name) 。 表 达 式 $ {header. name} 相 当 于 request. getHeader(name) 
将 请 求 头 名 称 映射 到 一 个 数值 数组 ,对 应 于 request. getHeaderValues(String 
name)。 表 达 式 $ {headerValues。name} 相当 于 request. getHeaderValues 
(name) 

将 Cookie 名 称 映射 到 单个 Cookie 对 象 。 对 应 于 request. getCookies()。 如 
果 请 求 包含 多 个 同名 的 Cookie, 则 应 该 使 用 $ {headerValues. name} 表 达 式 
将 上 下 文 初始 化 参数 名 称 映射 到 单个 值 , 对 应 于 调用 ServletContext. 


getInitParamter( String name) 


尽管 JSP 和 EL 隐 式 对 象 中 只 有 一 个 公共 对 象 (pageContext) ,但 通过 EL 也 可 以 访问 
其 他 JSP 隐 式 对 象 。 原 因 是 pageContext 拥有 访问 其 他 8 个 JSP 隐 式 对 象 的 特性 。 实 际 
上 ,这 是 将 它 包 括 在 EL 隐 式 对 象 中 的 主要 理由 。 

可 以 使 用 $ {pageContext} 来 取得 有 关 用 户 请 求 的 详细 信息 。 表 9-5 列 出 了 几 个 比较 





常用 的 部 分 。 
表 9-5 EL 表达 式 使 用 $ (pageContext) 来 取得 有 关 用 户 请 求 信息 
EL 表达 式 说 明 

$ {pageContext. request. queryString} 取得 请 求 的 参数 字符 串 

$ {pageContext. request. requestURL} 取得 请 求 的 URL, 但 不 包括 请 求 的 参数 字符 串 , 即 
servlet 的 HTTP 地 址 

$ {pageContext. request. contextPath) 服务 的 webapplication 的 名 称 

$ {pageContext. request. method} 取得 HTTP 的 方法 (GET、POST) 

$ {pageContext. request. protocol} 取得 使 用 的 协议 (HTTP/1.1、HTTP/1.0) 

$ {pageContext. request. remoteUser} 取得 用 户 名 称 

$ {pageContext. request. remoteAddr} 取得 用 户 的 IP 地 址 

$ {pageContext. session. new} 判断 session 是 否 为 新 的 ,所 谓 新 的 session, 表 示 刚 由 服 
务 器 产生 而 客户 端 尚 未 使 用 

$ {pageContext. session. id} 取得 session 的 ID 


pageScope requestScope essionScope appliationScope 都 是 Map( 映 射 ) 型 变量 ,调用 其 中 的 
数据 可 以 使 用 $ {pageScope. name) 或 $ {pageScopel[ "name"]} 的 形式 ,这 两 种 写法 是 等 价 的 。 

接 下 来 的 4 个 EL 隐 式 对 象 也 是 Map 型 变量 ,用 来 获取 请 求 参数 和 请 求 头 的 值 。 因 为 
HTTP 协议 允许 请 求 参数 和 请 求 头 具有 多 个 值 , 所 以 它们 各 有 一 对 映射 。 每 对 中 的 第 一 个 
映射 返回 请 求 参 数 或 头 的 主要 值 ,通常 是 恰巧 在 实际 请 求 中 首先 指定 的 那个 值 。 每 对 中 第 
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二 个 映射 允许 检索 参数 或 头 的 所 有 值 。 例 如 , $ {paramValues. name} 得 到 的 是 一 个 字符 串 
数组 ,如果 需要 获得 其 中 某 个 值 , 还 需要 使 用 $ {paramValues. name[0]} 指 定数 组 中 的 索 
引 。 这 些 映射 中 的 键 是 参数 或 头 的 名 称 ,但 这 些 值 是 String 对 象 的 数组 ,其 中 的 每 个 元 素 
都 是 单一 参数 值 或 头 值 。 

Cookie 隐 式 对 象 提供 了 对 Cookie 的 访问 。 例如 ,在 Cookie 中 有 一 个 名 称 为 
userCountry 的 值 ,那么 可 以 使 用 $ {cookie. userCountry} 来 取得 它 。 

最 后 一 个 EL 隐 式 对 象 initParam, 用 于 获取 web. xml 中 初始 的 参数 值 ,web. xml 部 署 
描述 符 文件 位 于 应 用 程序 的 WEB-INF 目录 中 。 

例如 ,web. xml 中 的 参数 设置 语句 如 下 : 


<context - param> 
< param - name > repeat </param - name > 
< param ~— value > 100 </param — value > 
</context - param > 


JSP 页 面 可 用 EL 代码 $ {initParam. repeat} 获 取 repeat 参数 。 

对 于 一 个 单个 JSP 页 面 ,可 以 使 用 page 指令 <%@ page isELIgnored 一 "true|false" %> 
来 设置 JSP 页 面 是 否 支持 EL。 默 认 是 支持 EL, 如 果 要 页 面 不 支持 EL, 则 设置 为 
isELIgnored 一 "true", 这 种 情况 的 JSP 中 的 EL 表达 式 被 当成 字符 串 处 理 。 

例如 : 


<body> 
<% ="${17%3}"%>= ${17%3} 
</body> 


在 isELIgnored 二 "true" 时 ,输出 为 字符 串 “$ {17%3) 二 $ {17%3)”, 而 isELlgnored 二 
"false" 时 ,输出 为 *$ {17%3} 二 2”。 


9.2 EL 表达 式 的 应 用 示例 


【 例 9-4】 创建 一 个 Person 类 ,这 个 类 有 两 个 属性 name 和 age, 在 JSP 页 面 
simpleBeanEL. jsp 中 ,标准 动作 userBean 创建 JavaBean 实例 ,setProperty 为 JavaBean 的 
属性 赋值 ,EL 表达 式 输出 属性 的 值 。 

程序 (jspweb 项 目 /src/bean/Person. java) 的 清单 : 


package bean; 
public class Person { 
private String name; 
private int age; 
public String getName() {return name; } 
public void setName(String name) {this.name = name; } 
public int getAge() {return age; } 
public void setAgel( int age) {this.age = age;} 


程序 (jspweb 项 目 / WebRoot/ch09/simpleBeanEL. jsp) 的 清单 : 


<% @page contentType = "text/html; charset = utf — 8" %> 
<% request. setCharacterEncoding("utf - 8");%> 
< jsp:useBean id = "person" class = "bean. Person" scope = "request"> 
< jsp:setProperty name = "person"” property=" *"/> <!-- 将 页 面 中 控件 的 值 赋值 给 同名 的 
JavaBean 的 属性 变量 --> 
</jsp:useBean> 
<html> 
<head><title> 了 EL 与 简单 的 JavaBean </title></head> 
<body> 
<h2> 瑟 与 简单 的 JavaBean </h2> 
$ {person. name}< br> <!-- 输出 person 实例 中 属性 名 为 name 的 变量 的 值 --> 
$ {person.age} <br> <!-- 输 出 person 实例 中 属性 名 为 age 的 变量 的 值 --> 
< form action = "simpleBeanEL. jsp" method= "post"> 
用 户 名 : < input type = "text" name = "name" /><br> 
年 龄 : < input type = "text" name = "age" /><br> 
< input type = "submit" value = "提交 查询 " /> <br> 
</form> 
</body> 
</html > 


在 浏览 器 地 址 栏 输入 http://localhost:8080/jspweb/ch09/simpleBeanEL. jsp, 得 到 如 
图 9-3 所 示 的 页 面 。 单 击 “ 提 交 查 询 ” 按 钮 后 得 到 如 图 9-4 所 示 的 页 面 。 
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图 9-4 提交 查询 后 的 界面 


在 上 面 的 例子 中 ,表单 控件 的 值 提交 给 了 自己 ,< jsp: setProperty name 一 "person" 
property 一 " * "/> 标 准 动作 负责 将 表单 控件 变量 的 值 赋 给 person 实例 同名 属性 变量 , 即 





EEL,JSTL 


山 必 潞 


JSP Web 技术 及 应 用 心 程 ( 贫 2 点 ) 上 县 琛 帮 





person 实例 中 的 name 和 age 属性 。 页 面 中 person 实例 属性 的 值 是 通过 $ {person. name} 
和 $ {person. age} 输 出 的 ,相当 于 JSP 表达 式 <% 二 person. getName()%> 和 <% 一 person. 
getAge() %>。 

下 面 的 例子 演示 如 何 用 EL 表达 式 获取 隐 式 对 象 变量 的 值 。 

【 例 9-5】 这 个 例子 演示 了 如 何 用 EL 表达 式 中 的 sessionScope 获取 session 对 象 ， 
requestScope 获取 request 对 象 中 的 变量 的 值 ,如 何在 EL 表达 式 中 调用 request 请 求 对 象 
的 相关 方法 以 及 EL 表达 式 中 param 对 象 获取 表单 控件 的 值 。 

程序 (jspweb 项 目 /WebRoot/ch09/implicitEL. jsp) 的 清单 : 


<% @page contentType = "text/html; charset =utf — 8" %> 
<% request. setCharacterEncoding("utf - 8");%> 
< jsp:useBean id = "sessionperson" class = "bean. Person" scope = "session"/> 
< jsp:useBean id = "requestperson" class = "bean. Person" scope = "request"/> 
< jsp:setProperty name = "requestperson" property="*"/> 
< jsp:setProperty name = "sessionperson" property="*"/> 
< htm]l > 
< head > 
<title>JSP EL 隐 式 对 象 </title> 
</head> 
< body> 
<h2 > JSP EL 隐 式 对 象 </h2 > 
<table border = "1"> 
<tr> <td> 概 念 </td> <td> 代 码 </td> <td> 输 出 </td> </tr> 
<tr> 
< td> pageContext </td> 
<td>$ {'$ {'}pageContext. request. requestURI}</td> 
< td>$ {pageContext. request. requestURI}</td> 
</tr> 
“> 
<td> sessionScope </td> 
<td>$ {'$ {'}sessionScope. sessionperson. name}</td> 
<td>$ {sessionScope. sessionperson. name}</td> 
</tr> 
<tr> 
<td> requestScope </td> 
<td>$ {'$ {'}requestScope. requestperson. name}</td> 
<td>$ {requestScope. requestperson. name}</td> 
</tr> 
<tr> 
<td> param </td> 
<td>$ {'$ {'}param. name}</td> < td>$ {param. name}</td> 
</tr> 
<tr> 
<td> paramValues </td> 
<td>$ {'${'}paramValues. multi[1]}</td> <td>$ {paramValues. multi[1]}</td> 
</tr> 
</table> 
<hr> 
< form action = "implicitEL. jsp" method= "post"> 
name = < input type = "text" name = "name"/><br> 


喜欢 的 运动 项 目 (请 至 少 选 两 个 才能 测试 ) : 
< input type = "checkbox" name = "multi" value = "足球 "> 足球 
< input type = "checkbox" name = "multi" value = " 蓝 球 "> 篮球 
< input type = "checkbox" name = "multi" value = "排球 "> 排球 <br> 
< input type= "submit" value= "提交 "/> 
</form> 
</body> 
</html > 


在 浏览 器 地 址 栏 输入 http://localhost:8080/jspweb/ch09/implicitEL. jsp, 并 且 在 文本 
框 中 输入 内 容 提交 后 ,得 到 如 图 9-5 所 示 的 页 面 。 
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9-5 implicitEL.jsp 运行 界面 


从 页 面 显示 看 到 了 客户 端 请 求 的 URI 信息 , EL 表达 式 $ {pageContext. request. 
requestURI) 与 JSP 表达 式 <% = request. getRequestURI1()%> 的 作用 是 等 价 的 。 
pageContext 对 象 可 以 用 于 访问 JSP 隐 式 对 象 ,如 请 求 , 响 应、 会话 、 输 出 、servletContext 等 。 

EL 表达 式 $ {sessionScope. sessionperson. name} 输 出 sessionperson 实例 变量 的 name 
属性 的 值 , EL 表达 $ {requestScope. requestperson. name) 输 出 requestperson 实例 变量 
name 属性 的 值 。 

EL 表达 式 中 的 param 对 象 可 以 直接 读 取 页 面 提交 的 控件 变量 的 多 个 值 ,如 $ {param. 
name} 可 直接 输出 文本 框 的 值 。 

EL 表达 式 中 的 paramValues 对 象 可 以 直接 读 取 页 面 提 交 的 控件 变量 的 多 个 值 。 例 
如 ,${paramValues. multiL1]} 相 当 于 下 面 的 JSP 脚本 : 


<% String multi[ ] = request. getParameterValues(" multi" ); out.println(multi[1]); %> 


可 见 ,EL 表达 式 与 JSP 相 比 ,要 少 写 很 多 代码 ,这 也 是 EL 表达 式 受 欢 迎 的 原因 。 
【 例 9-6】 用 EL 表达 式 重 写 图 书 显示 页 面 。 
在 第 7 章 的 viewBook. jsp 是 在 JSP 中 使 用 for 循环 读 取 List 中 的 数据 ,并 用 JSP 表达 
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式 实 现 输出 图 书 的 详细 信息 。 下 面 用 JSTL 和 EL 表达 式 重 写 第 7 章 的 viewBook. jsp。 重 
写 后 的 viewBook. jsp 代码 在 bookstore 项 目的 test 文件 夹 下 。 
程序 (bookstore 项 目 \test\viewBook. jsp) 的 清单 : 


< 外 @ page language = "java" contentType = "text/html; charset =utf -8" pageEncoding = "utf 
-8"%> 
<% @ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix="c" %> 
<html> 
<head> 
<title> 图 书 列表 </title> 
<!-- 使 用 userBean 动作 创建 TitleDaoImpl 的 实例 ,实例 的 名 字 为 "dao", 作 用 域 为 "request”--> 
< jsp:useBean id = "dao" class = "bean. TitleDaoImpl" scope = "request"/> 
</head > 
<body>< hl align = "center"> 浏 览 图 书 </hl > 
<table align = "center" bgcolor = lightgrey> 
<tr><td>ISBN</td>< td> 书 名 </td>< td> 版 本 </td>< td> 发 布 时 间 </td>< td> 价 格 </td> 
</tr> 
<c:forEach var = "titles" items ="$ {requestScope. dao.titles}" > 
<tr bgcolor=cyan><td><a href ="../toViewTitlel?isbn= $ {titles. isbn }" title=" 单 击 
显示 详细 信息 "> 
$ {titles. isbn}</a></td> 
<td>$ {titles. title}</td> 
<td>$ {titles. editionNumber}</td> 
<td>$ {titles. copyright}</td> 
<td>$ {titles. price} </td> 
</tr> 
</c:forEach> 
</table> 
</body> 
</html > 


程序 运行 结果 如 图 9-6 所 示 。 


从 图 书 列表 -Vindors Internet Explorer aay 
GO - 区 http://localhost:6080/bookstore/test/viewBook jsp 到 | 侈 5 良 Pl- 





六 二 四 多 本 四 查看 四 收 二 天 四 I 具 WD 和 助人 0 








浏览 图 书 











ISBN 书 名 版 本 发 布 时 间 价 格 
9787811010102 C++ 程序 设计 12 1998 520 
112233 ee 2 上 1.0 
9787811019877 EJB JPA 数 据 库 持久 层 开发 3 2008 490 
9787121072985 Flex 开 发 详解 1 2009 440 
9787121072984 Java Web 开 发 实战 1 2009 490 
9787302214748 JavaEE 基 础 教程 1 2010 290 
9787811010103 JSP Web 技 术 及 应 用 教程 1 2013 280 
9787811010121 MySQL 数 据 库 应 用 开发 3 2012 540 
9787811014322 Web 编 程 技术 1 2008 360 
| 
放 成 [ii | Bnet EEC 





图 9-6 ”viewBook. jsp 运行 结果 


程序 中 用 JSTL 和 EL 表达 式 重 写 了 代码 ,其 中 items 一 ”$ {requestScope. dao. titles}" 
代码 的 含义 是 : 调用 前 面 用 useBean 标准 动作 创建 的 实例 dao 的 方法 getTitles ,该 方法 的 


返回 值 是 一 个 List, 并 将 这 个 集合 类 的 实例 赋值 给 了 迭代 标签 forEach 的 items 





属性 。Var 一 


"titles" 表 示 在 每 次 迭代 过 程 中 数组 中 的 一 个 元 素 赋值 给 了 titles 变量 ,实际 上 titles 是 一 个 


Titles 类 的 实例 。 


用 JSTL 标签 编写 的 JSP 页 面 明显 较 之 前 的 代码 要 简洁 得 多 。 从 代码 中 看 不 到 一 行 
Java 代码 ,取而代之 的 是 JSTL 标签 ,这 样 非常 有 利于 美工 人 员 对 界面 进行 美化 。 

同样 ,也 可 用 EL 表达 式 重 写 显 示 图 书 详细 信息 页 面 details. jsp, 新 文件 名 为 details_ 
el.jsp。 测 试 时 修改 一 下 ToViewTitle. java 中 的 显示 详细 信息 页 面 的 转发 语句 即 可 。 


程序 (bookstore 项 目 /WebRoot/Details_el. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. * ,bean. *" pageEncoding = "utf -8"%> 


<html> 
<head> 

< title > 书籍 信息 </title> 
<% 


// 从 session 中 取出 属性 titles 的 值 ,要 进行 强制 转换 为 Titles 类 型 ,保持 与 保存 时 变量 类 型 一 致 


Title titles = (Title) session. getAttribute("titles"); 
%> 
</head> 
<body> 
< TABLE style = "TEXT— ALIGN: center" cellSpacing = "0" cellPadding = "0" 
width= "590" border = "0"> 
<tr height = "100"> 
<td colspan = "3">< h2>$ {sessionScope. titles. title}</h2 ></td> 
</tr> 
< tr> 
<td rowspan = "5"> 
< img style = "border: thin solid black" width = "80" height = "120" 
src = "images/ $ {sessionScope. titles. imageFile}" 
alt =" $ {sessionScope. titles. title}" /> 
</td> 
<td class = "bold" align = "left"> 图 书 编号 : </td> 
<td align = "left"> $ {sessionScope. titles. isbn}</td> 
te 
<tr align = "left"> 
<td class = "bold" align = "left"> 价 格 : </td> 
<td align = "left"> $ {sessionScope. titles. price}</td> 
</tr> 
<tr align = "left"> 
<td class = "bold"> 版 本 号 : </td> 
<td>$ {sessionScope. titles. editionNumber}</td> 
</tr> 
<tr align= "left"> 
<td class = "bold"> 版 权 : </td> 
<td>$ {sessionScope. titles. copyright}</td> 
</tr> 
<tralign= "left"> 
<td> 
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< form method = "post" action = ". /RddTitlesToCart"><p> 
< input type= "submit" value= " 放 人 购物 车 " /></p> 

</form> 

</td> 

<td> <formmethod= "get" action = "viewCart.jsp"><p> 

< input type = "submit" value = "查看 购物 车 " /></p> 
</form></td> 
</tr> 
</table> 
</body> 
</html> 


由 此 可 见 , 用 EL 表达 式 获 取 page、request、session 和 application 范围 内 的 变量 非常 方 
便 ,可 以 减少 代码 量 , 降 低 代码 复杂 度 , 便 于 维护 JSP 页 面 。 


9.3 JSTL 简介 


JSTL(JSP Standard Tag Library) 是 JSP 标准 标签 库 ,将 许多 JSP 应 用 程序 通用 的 核 
心 功能 封装 为 简单 的 标记 , 它 实 现 的 功能 包括 迭代 和 条 件 判 断 、 数 据 管 理 格式 化 .XML 操 
作 与 数据 库 访问 、 国 际 化 和 对 本 地 化 信息 敏感 的 格式 化 标记 以 及 SQL 标记 。 如 果 在 JSP 页 
面 中 使 用 JSP 脚本 和 表达 式 ,将 会 使 得 页 面 代码 比较 繁杂 ,不 易 阅 读 和 维护 ,而 JSTL 可 以 
很 好 地 解决 这 些 问题 。 

要 在 JSP 页 面 中 使 用 JSTL, 必 须 将 JSTL 标签 库 添加 到 Web 应 用 的 classpath 中 ,对 
于 JSTL1. 1 版 本 有 两 个 文件 : jstl. jar 和 standard. jar。 在 MyEclipse 中 创建 Web 工程 时 
可 添加 对 JSTL 的 支持 ,如 图 9-7 所 示 。 如 果 选 择 J2EE 1. 4 版 本 , 则 可 选中 下 面 的 复 选 框 ， 
添加 对 JSTL 支持 ; 如 果 选 择 Java EE 5.0 时 , 则 不 需 再 单独 添加 JSTL 库 。 


Create a Web Project 
Create a web project in the workspace or an external location 站 


Wieb Project Detals 
Project Name jstidemo 
Location 避 Use default location 


Sourcefolder |src 
‘Web root folder 。 WebRoot 


Context root URL |Jjstldemo 


J2EE Specification Level 
JavaEE5.0 ®J2EE1.4 J2EE1.3 


J5TL Support 
WI Add ]J5TLibraries to WEB-INF/ib folder? 
J5TL1.0 理 D5TLL1 





9-7 创建 Web 工程 时 添加 对 JSTL 的 支持 


在 JSP 页 面 中 使 用 JSTL 标签 之 前 ,必须 用 taglib 指令 将 标签 库 导入 JSP 页 面 ,命令 
如 下 : 


<% @taglib uri= "http://java. sun. com/jsp/jstl/core" prefix="c"%> 


其 中 ,c 为 自 定义 前 缀 ,在 页 面 中 可 通过 这 个 前 级 引用 标签 库 中 的 标签 。 
JSTL 提供 了 5 个 主要 的 标签 库 : 核心 标签 库 、 国 际 化 (I18N) 与 格式 化 标签 库 .XML 标 
签 库 .SQL 标签 库 、 函 数 标签 库 ,其 结构 如 图 9-8 所 示 。 





JSTL 














核心 标签 库 || 史 ) | | SQL 标 短 库 | | XML 标 等 认 | | 函数 标签 库 
图 9-8 JSTL 体系 结构 


JSTL 中 5 个 标签 库 的 作用 如 下 : 

(1) 核心 标签 库 :为 日 常任 务 提供 通用 支持 ,如 显示 和 设置 变量 ,重复 使 用 一 组 项 目 , 测 
试 条 件 以 及 其 他 操作 (如 导入 和 重 定向 Web 页 面 等 )。 

(2) 国际 化 (IL8N) 与 格式 化 标签 库 :支持 多 种 语言 的 引用 程序 。 

(3) SQL 标签 库 : 对 访问 和 修改 数据 库 提 供 标准 化 支持 。 

(4) XML 标签 库 : 对 XML 文件 处 理 和 操作 提供 支持 ,包括 XML 节点 的 解析 ,迭代 , 基 
于 XML 数据 的 条 件 评估 以 及 可 扩展 样式 语言 转换 (Extensible Style Language 
Transformations, XSLT) 的 执行 。 

(5) 函数 标签 库 :通过 在 EL 表达 式 中 调用 函数 标签 库 中 的 函数 来 实现 特定 的 操作 ,如 
$ {fn:contains(sring,substring)) 的 功能 是 判断 string 字符 串 中 是 否 包含 substring 字符 串 。 

在 JSP 页 面 中 5 个 标签 库 对 应 的 taglib 指令 的 URI 及 前 级 prefix 设置 方法 如 表 9-6 
所 示 。 

















表 9-6 JSTL 中 5 大 类 标签 库 





标 签 库 URI 前 组 使 用 模式 
核心 标签 库 http://java. sun. com/jstl/core c < citagname…> 
国际 化 (II8N) 与 格式 化 标签 http://java. sun. com/jstl/fmt fmt < fmt:tagname…> 
SQL 标签 库 http://java. sun. com/jstl/sql sql < sql:tagname…> 
XML 标签 库 http://java. sun. com/jstl/xml x <x:tagname'*> 
函数 标签 库 http:/ /java. sun. com/jstl/functions fn 二 fn:tagname…> 


9.4 JSTL 核心 标签 库 


本 节 主 要 介绍 核心 标签 库 ,其 他 标签 库 如 果 读 者 有 兴趣 可 以 查阅 相关 资料 。 
JSTL 核心 标签 库 主 要 由 三 个 部 分 组 成 : 通用 标签 流程 控制 标签 和 和 迭代 标签 。 通 用 标 
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签 用 于 操作 JSP 页 面 中 创建 的 变量 ,条 件 标签 用 于 对 JSP 页 面 中 的 代码 进行 条 件 判 断 和 处 
理 ,迭代 标签 用 于 循环 遍历 一 个 对 象 集合 。 

1. 通用 标签 

通用 标签 常用 的 有 3 个 : < c:out >、< c:set > 和 < c:remove >。 

1) < c:out > 标签 

这 是 核心 标签 库 中 最 为 基本 的 标签 ,可 以 在 页 面 中 显示 一 个 字符 串 或 一 个 EL 表达 式 
的 值 ,其 功能 与 JSP 中 的 <%== 表 达 式 %> 类 似 。 

标签 格式 为 : 


<c:out value = "object" escapeXm] = "true| fase" default = "defaultValue"/> 


其 中 : 

。 value: 指定 将 要 输出 的 表达 式 , 可 以 指定 一 个 字符 串 作 为 输出 内 容 ,也 可 以 指定 为 
EL 表达 式 , 如 再 (3 十 5) 。 

。 default: 表示 当 value 的 值 为 null 时 ,将 输出 的 默认 值 。 

。 escapeXml: 确定 是 否 应 将 结果 中 的 字符 (如 <、>、&、'、" 等 特殊 的 符号 ) 转 换 为 字符 
实体 代码 ,默认 值 为 true, 即 要 转换 为 实体 代码 (设置 为 true 就 是 按照 字符 原样 进行 
输出 ,false 就 是 按照 HTML 标识 符 进 行 输出 )。 字 符 实体 代码 对 应 关系 见 表 9-7 





所 示 。 
表 9-7 字符 实体 代码 
字 符 字符 实体 代码 字 符 字符 实体 代码 
< &lt; &.#039 
> &gt; 区 #034 
& &.amp; 


2) <c:set > 标签 

set 标签 用 来 设置 某 个 范围 (request\session 或 application) 内 变量 的 值 ,或 设置 某 个 对 
象 的 属性 值 。 

(1) < cs:set > 标签 使 用 形式 1: 


< cl:set var = "varName" value = "value" cope = " page|request| session|application"/> 


其 中 ， 

。 var: 指定 创建 的 变量 的 名 称 ,以 存储 标签 中 指定 的 value 值 。 
。 value: 指定 表达 式 。 

。 scope: 指定 变量 的 生命 周期 ,默认 值 为 page。 

(2) < c:set > 标签 使 用 形式 2: 


< c:set property = "propertyName" target = "target" value = "value"/> 


它 用 于 设置 某 一 个 特定 对 象 的 属性 。 


该 标签 中 的 各 属性 说 明 如 下 : 

。 value: 指定 对 象 中 某 个 属性 的 值 ,可 以 是 一 个 表达 式 。 

。 target: 设置 属性 的 对 象 , 它 必须 是 JavaBean 或 者 java. util. Map 对 象 。 
。 property: 设置 对 象 中 的 一 个 属性 。 

< c:set > 标签 例句 如 下 : 


<c:set var= "flag" value= "yes" scope= "request"/> 

<c:set var = "price" scope = "session"> body content </c:set> 
<c:set value = "liky" target = "user" property = "name" /> 
<c:set target = "user" property= "pwd" > body content </c:set> 
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【 例 9-7】 JSTL 核心 标签 使 用 示例 ,用 JSTL 标签 输出 变量 的 值 。 
程序 (jspweb 项 目 /ch09/jstlCorel. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset = utf ~ 8" %> 
<% @ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix= "c"%> 
<html> 
<head> 
<title>JSTL_c_set </title> 
</head> 
<body> 
<c:set var = "username" value = "www" /> 
变量 username 的 值 =<c:out value="$ {username}" /><br> 
<c:set var = "bodyc" scope = "session"> body content </c:set> 
变量 bodyc 的 值 =<c:out value="$ {bodyc}" /> <br> 
< jsp:useBean id = "userbean" class = "bean. Person"></jsp:useBean> 
< ciset target = " $ {userbean}" property = "name" value = "china" /> 
bean 中 属性 name 的 值 = < c:out value = " $ {userbean. name}" /><br> 
< ci:set target =" $ {userbean}" property = "name"> chinese </c:set> 
bean 中 属性 name 的 值 = < c:out value = " $ {userbean. name}" /> 
<br> 
</body> 
</html > 


在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1:8080/jspweb/ch09/jstlCorel. jsp ,程序 运行 
结果 如 图 9-9 所 示 。 


(BISTL _c_set - Yindows Internet Ezplorer =|Djx| 
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变量 usermame 的 值 =www 
变量 bodyc 的 值 =body content 
bean 中 属性 name 的 值 =china 
bean 中 属性 name 的 值 =chinese 
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图 9-9 ”jstlCorel. jsp 运行 结果 
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3) < c:remove > 标签 
<c:remove > 标签 一 般 和 < c:set > 标签 配套 使 用 ,两 者 是 相对 应 的 ,< c:remove > 标签 用 
于 删除 某 个 变量 或 属性 ,使 用 格式 如 下 : 


<c:remove var = "varName" [scope = "page|request| session|application"]/> 


。 scope: 需要 删除 的 变量 的 所 在 范围 。 

。 var: 需要 删除 的 变量 或 者 对 象 属性 的 名 称 。 

如 果 没 有 scope 属性 , 即 采 用 默认 值 ,就 相当 于 调用 PageContext. removeAttribute 
(varName) 方 法 ,如 果 指 定 了 变量 所 在 范围 ,那么 系统 会 调用 PageContext. removeAttribute 
(varName,scope) 方 法 。 

2. 流程 控制 标签 

流程 控制 标签 包括 < c:i>、< c:choose>、< c:when > < c:otherwise > 等 。 

流程 控制 标签 根据 其 test 属性 值 决定 是 否 执行 其 标签 体 中 的 内 容 。 

1) <c:if > 标签 

<c:if > 标签 用 于 有 条 件 地 执行 代码 ,如 果 test 属性 值 为 true, 则 会 执行 其 标签 体 。 该 
标签 与 Java 中 的 计 语 句 作 用 相同 ,用 于 判断 条 件 语 句 。 其 语法 格式 为 : 





< ciif test = "testCondition"var = "varName" scope = "page|request| session|application"> 
body content 
</c:if> 


其 中 : 

。 test: 指定 条 件 。 

。 var: 用 于 保存 test 条 件 表 达 式 判断 所 返回 的 true 或 false 值 。 

。 Scope 指定 var 的 范围 。 

2) <c:choose > 标签 

<c:choose > 标签 类 似 于 Java 语言 的 switch 语句 ,用 于 执行 多 条 件 选 择 的 情况 。 在 
< cschoose > 标签 中 嵌 人 了 多 个 < c:when > 子 标签 ,每 个 <c:when > 子 标签 中 有 一 个 test 属 
性 ,如 果 test 的 值 为 true 则 执行 < c:when > 标签 体 ,其 中 的 < c:when > 和 < c:otherwise > 子 标签 
相当 于 java 中 switch 语句 的 case 和 default。 


其 语法 格式 为 : 
<c:choose> 
<ci:when test = "logic expression1"> 
Body content 
</c:when> 
<c:when test = "logic expression2"> 
Body content 
</c:when> 


<c:otherwise> 
Body content 


</c:otherwise> 
</c:choose> 


【 例 9-8】 <c:if> 和 <c:choose > 标签 示例 ,此 例 是 根据 文本 框 输入 的 成 绩 ,在 页 面 上 显 
示 相 应 的 等 级 。 
程序 (jspweb 项 目 /ch09VjstlCore2. jsp) 的 清单 : 


<$% @ page language = "java" import = "java.util. *" pageEncoding= "UTF— 8" %> 
<% @ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix="c"%> 
<html> 
<head> 
<title>JSTL 通用 标签 演示 程序 2 </title> 
</head> 
<body> <!-- 将 文本 框 的 值 赋 给 变量 X--> 
<c:set var = "x" value = " $ {param. score}" /> 
<c:if test ="$ {x<0 }"> 成 绩 不 能 为 负 </c:if> 
你 输入 的 成 绩 是 $ {x}, 等 级 为 : ”<!-- 根据 变量 x 的 值 输出 相应 的 等 级 --> 
< cichoose> 
<ci:when test="$ {x>= 90 }"> 优 秀 </c:when> 
< ci:when test =" $ {x>= 80 }"> 良 好 </c:when> 
<ciwhen test =" $ {x>=70 }"> 中 </c:when> 
<ci:when test =" $ {x>= 60 }"> 及 格 </c:when> 
<c:when test =" $ {x< 60&&x>0 }"> 不 及 格 </c:when> 
</c:choose> 
< form action = ""> 
请 输入 成 绩 : < input type = "text" name = "score" /> <br> 
< input type = "submit" value = "提交 " /> 
</form> 
</body> 
</html > 


在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1:8080/jspweb/ch09/jstlCore2. jsp, 在 文本 框 
中 输入 成 绩 ,程序 运行 结果 如 图 9-10 所 示 。 
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3. 和 迭 代 标 签 
迭代 标签 有 两 种 < c:forEach > 和 < c:forTokens >。< c:forEach > 标签 允许 遍历 一 个 对 
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象 集合 ,支持 的 集合 类 型 包括 java. util. Collection 和 java. util. Map 的 所 有 实现 。< c:forTokens > 
标签 用 来 对 使 用 分 隔 符 分 开 的 记号 集合 进行 遍历 。 

1) <c:forEach > 标签 

该 标签 用 来 对 一 个 collection 集合 中 的 一 系列 对 象 进 行 迭 代 输 出 ,并 且 可 以 指定 迭代 次 
数 ,一 般 的 使 用 格式 如 下 : 


<c:forEach items = "collection" var = "varName" [varstatue = "varStatusName" ] 
[begin= "begin"] [end= "end"] [step= "step"] > 
Body content 

</c:forEach> 


< c:forEach > 标签 的 属性 含义 如 下 : 
。 var: 也 就 是 保存 在 collection 集合 类 中 的 对 象 名 称 。 
。 items: 将 要 迭代 的 集合 类 名 。 
varStatus: 存储 迭代 的 状态 信息 ,可 以 访问 到 近代 自身 的 信息 。 
。 begin: 如 果 指 定 了 begin 值 ,就 表示 从 items[Lbegin] 开 始 和 迭代 ;如 果 没 有 指定 begin 
值 , 则 从 集合 的 第 一 个 值 开始 迭代 。 
end: 表示 迭代 到 集合 的 end 位 时 结束 ,如果 没有 指定 end 值 , 则 表示 一 直 和 迭代 到 集 
合 的 最 后 一 位 。 
。 step: 指定 迭代 的 步 长 。 

【 例 9-9〗 < c:forEach > 标签 程序 实例 。 程 序 中 首先 创建 一 个 数组 list, 并 添加 了 4 个 
元 素 , 然 后 将 数组 保存 到 当前 的 session 中 。 在 迭代 标签 < c:forEach > 中 输出 数组 的 值 ,其 
中 $ {state. count} 表 示 输 出 的 是 第 几 行 。 

程序 (jspweb 项 目 /ch09/forEach. jsp) 的 清单 : 





<$% @ page language = "java" import = "java.util. *" pageEncoding = "utf ~- 8" %> 
<% @ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix="c"%> 
<html> 
<head>< title> forEach 标签 演示 </title> </head> 
<body> 
<% List<String> list = new ArrayList < String>(); 
list.add(" 第 一 个 元 素 "); 
list.add(" 第 二 个 元 素 "); 
list.add(" 第 三 个 元 素 "); 
list.add(" 第 四 个 元 素 "); 
session. setAttribute("list", list); 
第 > 
<B><c:out value= "不 指定 begin 和 end 的 迭代 :" /><br> 
<c:forEach var = "emp" items =" $ {list}" varStatus = "state"> $ {state. count} 行 的 值 为 : 
$ {emp}<br> 
</c:forEach><p> 
<B><c:out value = "指定 begin 和 end 的 迭代 :" /><B><br> 
<c:forEach var = "listItem" items ="$ {list}" begin= "1" end= "3" step= "1"> 
<c:out value=" $ {listItem}" /><br> 
</c:forEach><p> 


<c:out value= "输出 元 素 的 相关 信息 : " /> <B><br> 
< ci:forEach var= "listItem" itens="$ {list}" begin= "2" end= "3" step = "1" varStatus= "s"> 
<c:out value="$ {listItem}" /> 的 四 种 属性 :<br> 

所 在 位 置 即 索 引 : <c:out value = "$ {s. index}" /><br> 
总 共 已 迭代 的 次 数 : <c:out value ="$ {s.count}" /><br> 
是 否 为 第 一 个 位 置 : < c:out value= "$ {s. first}" /><br> 
是 否 为 最 后 一 个 位 置 : < c:out value="$ {s.last}j" /><br> 

</c:forEach> 

</body> 
</html > 


代码 说 明 :s. index 用 来 获取 计数 器 的 值 ,s. count 用 来 获取 这 是 第 几 次 循环 ,s. first 用 
来 获取 是 否 是 循环 开始 的 第 一 次 ,s. last 用 来 获取 是 否 是 循环 的 最 后 一 次 ,first 和 last 都 返 
回 boolean 值 。 

在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1:8080/jspweb/ch09/forEach. jsp ,程序 运行 结 
果 如 图 9-11 所 示 。 
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图 9-11 forEach. jsp 运行 结果 


当 使 用 < c: forEach > 循环 一 个 java. util. Map 时 ,< c: forEach > 的 属性 items 一 
"$ {map}",var 二 "entry" ,var 中 命名 的 变量 entry 的 类 型 就 是 java. util. Map. Entry, 因 为 
Map. Entry 对 象 提供 了 getKey 和 getValue, 所 以 可 用 表达 式 $ {entry. key} 取 得 键 名 ,用 表 
达 式 $ {entry. value} 得 到 每 个 entry 的 值 。 

【 例 9-10 〗 用 < c:forEach > 循环 一 个 Map 集合 。 程 序 中 首先 定义 一 个 JavaBean 类 ， 
再 新 建 Map 集合 对 象 ,在 map 中 保存 两 个 JavaBean 对 象 ,使 用 < c:forEach > 循环 输出 map 
的 JavaBean 对 象 属性 值 。 
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程序 (jspweb 项 目 /ch09/forEach_map. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. * ”pageEncoding = "utf 一 8" %> 
<% @ taglib prefix= "c" uri= "http://java. sun. com/jsp/jstl/core"” %> 
< html > 
<head><title> forEach 标签 读 取 MAP 的 演示 </title> </head> 
<%! 
public static class Customer{ 
private String num; 
private String license; 
private String address; 
public Customer(String num, String license, String address){ 
this. num = num; 
this. license = license; 
this. address = address; 
} 
public String getNum( ){ 
return num; } 
public String getLicense( ){ 
return license; } 
public String getAddress(){ 
return address; } 
) 
%> 
<% 
Map map = new LinkedHashMap(); 
map. put(" 大 华 软件 ", new Customer("3206001"," 苏 00111", " 冀 园 路 9 号 ")); 
map, put(" 华 东 网 络 ", new Customer("3810028"," 苏 00222", "园林 路 8 号 ")); 
request. setAttribute( "map", map); 
%> 
<body> 
直接 显示 Map 的 键 和 值 < br > 
<c:forEach items = " $ {map}" var = "item"> 
$ {item. key}, $ {item. value.num}, $ {item. value. license}, $ {item. value.address}< br/> 
</c:forEach><br> 
列表 显示 Map 的 键 和 值 < br > 
< select id = "selectAllList" name = "selectAllList" style= "width:250px" multiple= "true"> 
<c:if test="$ {!empty map}"> 
<c:forEach items =" $ {map}" var = "item"> 
<option value = " $ {item. key}" title = "编码 : $ { item. value. num }, 许 可 证 号 : $ { item. value. 
license } ,联系 地 址 : $ {item. value.address }"> 
$ {item. key} 
</option> 
</c:forEach> 
</c:if> 
</select> 
</body> 
</html > 


item 内 保存 的 是 java. util. Map. Entry 对 象 , 这 个 对 象 有 getKey setKey、 getValue、 
setValue 等 方法 ,这 样 就 可 以 在 forEach 内 部 使 用 map 的 key 和 value 了 。 
在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1:8080/jspweb/ch09/forEach_map. jsp, 程 序 运 


行 结果 如 图 9-12 所 示 。 
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2) < c:forTokens > 标签 

这 个 标签 的 作用 和 Java 中 的 StringTokenizer 类 的 作用 非常 相似 ,通过 items 属性 来 指 
定 一 个 特定 的 字符 串 ,然后 通过 delims 属性 指定 一 种 分 隔 符 ( 可 以 同时 指定 多 个 ) ,通过 指 
定 的 分 隔 符 把 items 属性 指定 的 字符 串 进行 分 组 。 与 forEach 标签 一 样 ,forTokens 标签 也 
可 以 指定 begin 和 end 以 及 step 属性 值 。 

使 用 格式 如 下 : 


<c:forTokens items = "stringOfTokens" delims = "delimiters" var = "varName" 
[varStatus = "varStatusName" ] [begin = "begin"] [end = "end"] [step= "step"]> 
Body content 

</c:forTokens> 


标签 中 的 各 个 属性 含义 如 下 。 

。 var: 进行 迭代 的 参数 名 称 。 

。 items: 指定 的 进行 标签 化 的 字符 串 。 

。 varSatus: 每 次 迭代 的 状态 信息 。 

。 delims: 使 用 这 个 属性 指定 的 分 隔 符 来 分 隔 items 指定 的 字符 串 。 
。 begin: 开始 迭代 的 位 置 。 

。 end: 迭代 结束 的 位 置 。 

。 step: 迭代 的 步 长 。 

【 例 9-11】 < c:forTokens > 标签 演示 示例 。 

程序 (jspweb 项 目 /ch09/forTokensExample. jsp) 的 清单 : 


< 外 @ page language = "java" import = "java.util. *" pageEncoding = "utf 一 8" %> 
< 外 @ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix="c" %> 
<html> 
<head> 
<title> forTokens 标签 示例 </title> 
</head> 
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< body> 
<% String names = "C++ 程序 设计 ;Java 程序 设计 |Visual Basic 程序 设计 ;C# 程序 设计 "; 
request. setAttribute("names", names); ”// 将 names 保存 在 request 对 象 中 
多 之 
原始 字符 串 = $ {names}< br> 
<h3 > 使 用 ";" 作 为 分 隔 符 ,将 字符 串 分 解 为 数组 ,结果 如 下 : </h3 > 
<c:forTokens items = " $ {names }" delims = ";" var = "currentName"> 
$ {currentName}< br > 
</c:forTokens> 
<h3 > 使 用 ";" 和 "|" 作 为 分 隔 符 ,将 字符 串 分 解 为 数组 ,结果 如 下 : </h3> 
<c:forTokens items =" $ {names }" delims = "|;" var = "currentName"> 
$ {currentName}< br> 
</c:forTokens> 
</body> 
</html > 


代码 中 字符 串 变量 names 中 保存 了 4 种 编程 语言 ,每 种 编程 语言 之 间 用 “; ?或 “| "作为 
分 隔 符 。forTokens 标签 可 以 根据 delims 属性 设置 的 分 隔 符 来 循环 提取 字符 串 。 

在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1:8080/jspweb/ch09/forTokensExample. jsp， 
程序 运行 结果 如 图 9-13 所 示 。 
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图 9-13 forTokensExample. jsp 运行 结果 


习 题 9 


1. 在 JSP 页 面 中 如 何 用 EL 表达 式 直 接 获取 保存 在 request 或 session 中 的 数据 ? 

2. 如 何 用 EL 表达 式 获取 form 表单 中 控件 的 值 ? 

3. 如 果 定 义 了 一 个 数组 String sl[ ] 二 1"teacher","student"), 并 将 此 数组 保存 在 
request 对 象 中 。 请 在 JSP 页 面 中 用 EL 表达 式 和 迭代 标签 输出 数组 sl] 所 有 元 素 的 值 。 


4. 如 果 保 存在 request 对 象 中 的 数据 是 一 个 对 象 user, 而 这 个 对 象 有 一 个 方法 
getName 返回 的 是 一 个 字符 串 , 请 给 出 在 JSP 页 面 中 用 EL 表达 式 输出 getName 值 的 表 
达 式 。 

5. 创建 一 个 JSP 页 面 , 包 含 一 个 10 行 5 列 的 表格 ,用 JSTL 的 迭代 标签 和 EL 表达 式 
实现 表格 奇数 行 背景 色 为 红色 ,偶数 行 背景 色 为 白色 。 
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第 10 章 JSP 自 定义 标签 





本 章 学 习 目 标 

。 掌握 JSP 自 定义 标签 的 含义 ; 

。 掌握 Tag 接口 及 其 实现 类 TagSupport 与 BodyTagSupport; 
。 掌握 JSP 自 定义 标签 的 开发 过 程 及 使 用 方法 。 


JSP 技术 提供 了 一 种 封装 其 他 动态 类 型 的 机 制 一 一 自 定义 标签 ,取代 了 JSP 中 的 Java 
程序 ,并 且 可 以 重复 使 用 ,方便 不 熟悉 Java 编程 的 网 页 设计 人 员 。 

自 定义 标签 通常 发 布 在 标签 库 中 ,该 库 定义 了 一 个 自 定义 标签 集 并 包含 实现 标签 的 对 
象 。 一 些 功 能 可 以 通过 自 定 义 标签 来 实现 ,包括 对 隐 含 对 象 的 操作 、 处 理 表单 .访问 数据 库 
及 其 他 企业 级 服务 ,如 E-mail、 目录 服务 、 处 理 流 控制 。 

自 定义 标签 的 分 类 : 

(1) 简单 标签 ,如 < mytag: helloworld/>。 

(2) 带 属性 标签 ,如 < imytag: checkinput dbname 一 "< myBean. getDBName()>"/>。 

(3) 带 标签 体 的 标签 。 

例如 : 


<mytag: checkinput dbname = "< myBean. getDBName()>"> 
<mytag:1o0g message = "Table Name"> 
<mytag: checkinput /> 


在 自 定 义 标签 的 起 始 和 结束 标签 之 间 的 部 分 为 标签 体 。 标 签 体 的 内 容 可 以 是 JSP 中 
的 标准 标签 ,也 可 以 是 HTML 脚本 语言 或 其 他 的 自 定义 标 签 。 

(4) 可 以 被 Scriptlet 使 用 的 标签 。 

例如 : 


<mytag: connection id = "oraDB" type = "DataSource" name = "Oracle"> 
<$% oraDB. getConnection(); %> 


定义 了 id 和 type 属性 的 标签 可 以 被 标签 后 面 的 Scriptlet 使 用 。 
10.1 JSP 自 定义 标签 简介 


从 JSP1.1 规范 开始 ,JSP 支持 在 JSP 文件 中 使 用 自 定义 标签 。 通 过 使 用 自 定义 JSP 标 
签 可 以 对 复杂 的 逻辑 运算 和 事务 进行 封装 ,使 得 JSP 页 面 代码 更 加 简洁 。 自 定义 标签 和 


JSTL 中 的 标签 从 技术 上 看 没有 任何 区 别 , 可 以 将 这 些 标签 统称 为 JSP 标签 。JSP 标签 在 
JSP 页 面 中 通过 XML 语法 格式 被 调用 , 当 JSP 引擎 将 JSP 页 面 翻 译 成 Servlet 时 ,就 将 这 
些 JSP 标签 调用 转换 成 执行 相应 的 Java 代码 。 也 就 是 说 ,JSP 标签 实际 上 就 是 调用 了 某 些 
Java 代码 ,只 是 在 JSP 页 面 中 以 另外 一 种 形式 (XML 语法 格式 ) 表 现 出 来 。 用 户 可 以 把 可 
重用 的 复杂 的 逻辑 运算 和 事务 或 者 特定 的 数据 表示 方式 定义 到 自 定义 JSP 标签 中 ,提高 代 
码 的 简洁 性 和 可 重用 性 。 

自 定义 标 签 在 功能 逻辑 上 与 JavaBean 类 似 ,都 是 对 Java 代码 的 封装 ,都 是 可 重用 的 组 
件 代码 。 自 定义 标签 易于 使 用 , 且 与 XML 样式 标签 类 似 ,允许 开发 人 员 为 复杂 的 操作 提供 
逻辑 名 称 。 

开发 自 定义 JSP 标签 的 基本 步骤 如 下 : 

(1) 标签 处 理 程序 类 : 这 是 自 定义 标签 的 核心 。 一 个 标签 处 理 类 将 会 引用 其 他 的 资源 
(包括 自 定义 的 JavaBean) 和 访问 JSP 页 面 的 指定 信息 。JSP 页 面 可 以 通过 自 定义 标签 将 标 
签 的 属性 或 标签 体 中 的 内 容 传送 给 标签 处 理 类 进行 处 理 ,标签 处 理 类 还 可 将 处 理 的 结果 输 
出 到 JSP 页 面 。 

(2) 标签 库 的 描述 文件 (tld 文件 ) 。 

这 是 一 个 简单 的 XML 文件 ,记录 标签 处 理 程序 类 的 属性 和 位 置 。JSP 容器 通过 这 个 
文件 来 得 知 自 定义 标签 处 理 程序 的 信息 。 

(3) Web 应 用 的 web. xml 文件 。 

web. xml 文件 是 Web 应 用 的 初始 化 文件 ,定义 了 Web 应 用 中 用 到 的 自 定 义 标签 ,以 及 
标签 库 描述 文件 的 位 置 。 

(4) 自 定义 标签 的 使 用 。 

在 JSP 页 面 中 首先 用 taglib 指令 声明 ,然后 就 可 以 在 JSP 页 面 中 任何 位 置 使 用 此 自 定 
义 标签 。 





10.2 开发 自 定义 JSP 标签 


标签 库 提供 了 建立 可 重用 代码 的 简单 方式 ,需要 JavaBean 组 件 的 支持 。 本 节 以 随机 数 
生成 的 验证 码 为 例 讲述 自 定义 标签 的 开发 过 程 。 


10.2.1 创建 标签 处 理 类 


创建 和 使 用 一 个 Tag Library 的 基本 步骤 : 

(1) 创建 标签 的 处 理 类 。 

(2) 创建 标签 库 描 述 文件 。 

(3) 在 web. xml 文件 中 配置 元 素 。 

(4) 在 JSP 文 件 中 引入 标签 库 。 

首先 要 创建 标签 的 处 理 类 ,用 来 告诉 JSP 程序 遇 到 这 个 标签 后 应 该 做 什么 。 这 个 类 必 
须 实 现 javax. servlet. jsp. tagext. Tag 接口 。Tagext 包 中 有 两 个 Tag 接口 的 默认 实现 类 ， 
即 TagSupport 和 BodyTagSupport。 在 实际 开发 中 ,标签 处 理 类 只 需 通 过 继承 TagSupport 
或 BodyTagSupport 这 两 个 类 ,重新 定义 那些 需要 自 定义 的 行为 的 方法 ,从 而 简化 了 标签 处 
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理 程序 的 开发 。 

TagSupport 与 BodyTagSupport 的 区 别 主要 是 标签 处 理 类 是 否 需要 对 标签 体 处 理 , 如 
果 不 需要 处 理 标 签 体 就 用 TagSupport, 否则 就 用 BodyTagSupport。 对 标签 体 处 理 就 是 标 
签 处 理 类 要 读 取 标签 体 的 内 容 和 改变 标签 体 返 回 的 内 容 。 用 TagSupport 实现 的 标签 ,都 
可 以 用 BodyTagSupport 来 实现 ,因为 BodyTagSupport 继承 了 TagSupport。 

1. TagSupport 类 

TagSupport 类 的 主要 属性 : 

。 parent 属性 : 代表 赃 套 了 当前 标签 的 上 层 标 签 的 处 理 类 。 

。 pageContex 属性 : 代表 Web 应 用 中 的 javax. servlet. jsp. PageContext 对 象 。 

JSP 容器 在 调用 doStartTag 或 doEndTag 前 ,会 先 调 用 setPageContext 和 setParent， 
设置 pageContext 和 parent。 因 此 在 标签 处 理 类 中 可 以 直接 访问 pageContext 变量 。 

TagSupport 类 提供 了 以 下 处 理 标签 的 方法 : 

。 int doStartTag: JSP 页 面 遇 到 自 定义 标签 的 起 始 标志 时 执行 。doStartTag 方法 返 
回 一 个 整数 值 ,用 来 决定 程序 的 后 续 流程 。 如 果 用 户 希 望 在 处 理 主体 内 容 和 结束 标 
签 之 前 进行 其 他 处 理 , 则 可 以 重 写 该 方法 。 
返回 SKIP_BODY ,表示 标签 之 间 的 内 容 被 忽略 ,也 即 不 会 显示 标签 间 的 文字 。 
返回 EVAL_BODY_INCLUDE, 表 示 标 签 之 间 的 内 容 被 正常 执行 ,也 即将 显示 标签 
间 的 文字 ,但 绕 过 setBodyContent() 和 doInitBody() 。 
返回 EVAL_BODY_BUFFERED, 表 示 标 签 之 间 的 内 容 被 正常 执行 .也 即将 显示 标 
签 间 的 文字 , 它 首先 会 执行 setBodyContent() 和 doInitBody() 。 
EVAL 是 evaluate 的 缩写 ,本 身 的 意思 是 : 评价 .估计 、 求 值 ,在 这 里 的 返回 值 中 表 
示 “ 执 行 ”的 意思 。 
int doEndTag: JSP 页 面 遇 到 自 定义 标签 的 结束 标志 时 ,就 会 调用 doEndTag 方法 。 
doEndTag 方法 也 返回 一 个 整数 值 .用 来 决定 程序 后 续 流程 。 返 回 SKIP_PAGE 表 
示 不 处 理 接 下 来 的 JSP 网 页 ,也 即 立 刻 停止 执行 网 页 ,网 页 上 未 处 理 的 静态 内 容 和 
JSP 程序 均 被 忽略 ,任何 已 有 的 输出 内 容 立 刻 返 回 到 客户 的 浏览 器 上 。 返 回 Tag_ 
EVAL_PAGE 表示 按照 正常 的 流程 继续 执行 JSP 网 页 。 
int doAfterBody: 在 处 理 完 标 签 的 主体 之 后 调用 ,也 即 在 显示 完 标 签 间 文 字 之 后 执 
行 。 允 许 用 户 有 条 件 地 重新 处 理 标签 的 主体 。 如 果 标 签 没 有 主体 , 则 不 会 调用 
doAfterBody() 方 法 。 其 返回 值 有 有 EVAL_BODY_AGAIN 与 SKIP_BODY ,前 者 会 

再 显示 一 次 标签 间 的 文字 ; 后 者 则 继续 执行 标签 处 理 的 下 一 步 。 

2. BodyTagSupport 类 

BodyTagSupport 类 实现 BodyTag 接口 ,扩展 TagSupport 类 。BodyTagSupport 在 
TagSupport 类 的 基础 上 又 增加 了 以 下 两 个 方法 : 

。 setBodyContent: 设置 标签 体 的 内 容 。 在 执行 doInitBody 方法 之 前 执行 此 方法 。 

。 doInitBody: 用 于 准备 处 理 页 面 主体 。 在 setBodyContent 方法 之 后 被 调用 。 

下 面 的 例子 ,创建 自 定义 标签 ,此 标签 产生 小 于 10 000 的 整 型 随机 数 ,该 随机 数 也 可 作 
为 验证 码 使 用 。 

程序 (jspweb 项 目 /src/util/TagRandom. java) 的 清单 : 


package util; 
import java. util. Random; 
import java. io. *; 
import javax. servlet. jsp. *; 
import javax. servlet. jsp. tagext. BodyContent; 
import javax. servlet. jsp. tagext. BodyTagSupport; 
public class TagRandom extends BodyTagSupport { 
public int doStartTag( ) throws JspException{ 
java. util. Random r = new java. util. Random( ); 
int n=r. nextInt(10000); // 生 成 小 于 10000 的 整 型 随机 数 
try{ 
pageContext. getOut(). print(n); // 输 出 随机 数 
} catch (IOException e) { 
e. printStackTrace( ); 
} 
return EVAL_BODY_INCLUDE; 


} 


这 个 标签 处 理 类 继承 自 BodyTagSupport 类 ,由 于 此 标签 功能 较 简 单 ,只 是 重 写 了 
doStartTag 方法 ,而 没有 对 标签 体内 容 的 处 理 。 在 doStartTag 方法 中 调用 Random 类 的 实 
例 生成 一 个 小 于 10 000 的 随机 数 , 并 通过 pageContext 对 象 获得 输出 流 , 将 随机 数 输出 到 页 
面 上 。 


10.2.2 创建 标签 库 描述 文件 TLD 


TLD 文 件 是 一 个 XML 文件 ,为 JSP 引擎 提供 有 关 自 定义 标签 及 其 实现 位 置 的 元 信 
息 。TLD 文 件 的 扩展 名 必须 为 ld, 文件 保存 在 WEB-INF 目录 或 它 的 子 目录 中 。TLD 文 
件 可 以 有 多 个 元 素 ,其 中 主要 有 三 大 类 : 

。 taglib: 标签 库 元 素 . 是 TLD 文件 的 根 元 素 。 

。 tag: 标签 元 素 , 用 于 定义 标签 库 中 某 个 具体 的 标签 。 

。 attribute: 属性 元 素 , 指 定 某 个 标签 的 属性 。 

程序 (jspweb 项 目 /WEB-INF/tagrandom. tld) 的 清单 : 


<!DOCTYPE taglib PUBLIC " - //Sun Microsystems, Inc. //DTD JSP Tag Library 1.2//EN" 
"http://java. sun. com/dtd/web - jsptaglibrary 1 2.dtd"> 
< taglib xmlns = "http://java. sun. com/JSP/TagLibraryDescriptor"> 
<tlib- version>1.0</tlib- version> 
<jsp— version>1.2</jsp— version> 
< short - name > Simple Tags </short - name > 
<tag> 
<name> tagrandom </name> 
<tag— class> util. TagRandom </tag — class> 
<body— content > empty </body - content > 
</tag> 
</taglib> 
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上 面 TLD 文件 中 定义 了 一 个 标签 tagrandom ,标签 的 处 理 类 为 util. TagRandom, 这 个 
标签 没有 标签 体 。 


10.2.3 JSP 中 使 用 自 定义 标签 


已 经 定义 好 了 标签 处 理 类 和 标签 库 描述 文件 以 后 ,就 可 以 在 JSP 文件 中 使 用 自 定义 标 


签 了 。 
程序 (jspweb 项 目 /ch10/tagExample. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. *" pageEncoding= "utf 一 8" %> 
<% @taglib uri= "/WEB- INF/tagrandom. tld" prefix= "trd" %> 
<html> 
<head> 
<title> 自 定义 标签 示例 </title> 
</head> 
<body> 
自 定义 标签 产生 的 验证 码 为 : < trd:tagrandom/> < br> 
</body> 
</html > 


第 二 行 taglib 指令 将 自 定 义 标签 库 文 件 导 入 JSP 文件 中 ,并 声明 其 前 组 为 trd, 以 便于 
在 JSP 页 面 中 引用 。 当 JSP 程序 运行 至 自 定义 标签 < trd:tagrandom /> 时 ,调用 标签 处 理 类 
将 运行 结果 (一 个 随机 数 ) 输 出 在 JSP 页 面 上 。 在 浏览 器 地 址 栏 输入 http://127. 0. 0. 1， 
8080/jspweb/ch10/tagExample. jsp, 程 序 运 行 结果 如 图 10-1 所 示 。 每 次 刷新 都 会 得 到 一 个 
不 同 的 值 。 
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图 10-1 自 定义 标签 运行 结果 


10.3 自 定 义 分 页 标签 示例 


利用 自 定义 标签 对 网 上 书店 项 目 实例 的 viewBook. jsp 页 面 实 现 分 页 功能 。 实 现 分 页 
后 的 页 面 如 图 10-2 所 示 。 

1. 分 页 标签 处 理 类 

创建 标签 处 理 类 之 前 需要 一 个 辅助 的 JavaBean, 用 这 个 JavaBean 存放 有 关 分 页 每 一 页 的 
相关 信息 ,如 一 共有 多 少 条 记录 ,一 共有 多 少 页 .当前 是 第 几 页 、 每 页 有 多 少 条 记录 等 信息 。 

程序 (bookstore 项 目 /src/tag/PageResult. java) 清 单 : 
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图 10-2 ”ToviewBooks 分 页 效果 


package tag; 
import java. util. ArrayList; 
import java. util. List; 
public class PageResult <E> { 
private List <E> list = new ArrayList <E>(); // 查 询 结果 


private int pageNo = 1; // 实 际 页 号 
private int pageSize = 4; // 每 页 记录 数 
Private int recTotal = 0; // 总 记录 数 


public List getList() { 
return list; 

} 

public void setList(List <E> list) { 
this. list = list; 


} 

public int getPageNo() { 
return pageNo; 

| 


public void setPageNo( int pageNo) { 
this. pageNo = pageNo; 


} 

public int getPageSize() { 
return pageSize; 

} 


public void setPageSize( int pageSize) { 
this. pageSize = pageSize; 

} 

public int getRecTotal() { 
return recTotal; 

} 

public void setRecTotal(int recTotal) { 
this. recTotal = recTotal; 


JSP 自 定义 标签 


山 马 


JSP Web 鞭 术 及 应 用 改姓 (第 2 版 ) 眉 深 跋 





} 

public int getPageTotal() {// 根 据 记录 数 计算 总 的 页 数 
int ret = (this.getRecTotal() - 1) / this. getPageSize() + 1; 
ret = (ret<1)?1:ret; 


return ret; 


public int getFirstRec()// 计 算 第 一 页 的 记录 数 

{ 
int ret = (this.getPageNo() -1) * this.getPageSize(); //+ 1; 
ret = (ret < 1)?0:ret; 
return ret; 

! 


程序 (bookstore 项 目 /src/tag/PaginationTag. java) 的 清单 : 


package tag; 
import javax. servlet. jsp. JspWriter; 
import javax. servlet. jsp. tagext. TagSupport; 
public class PaginationTag extends TagSupport { 
private static final long serialVersionUID = -5904339614208817088L; 
public int doEndTag() { 
try { PageResult pageResult = null; 
pageResult = (PageResult) pageContext. getRequest().getAttribute("pageResult"); 
if (pageResult!= null){ 
StringBuffer sb = new StringBuffer(); 
sb.append("<div style=\"text — align:right;padding:6px 6px 0 0;\">\r\n") 
.append(" 共 " + pageResult. getRecTotal( ) + "条 记录 &nbsp;\r\n") 
.append(" 每 页 显示 < input name = \"pageResult. pageSize\" value = \"" + pageResult. 
getPageSize() + "\" size=\"3\" /> 条 gnbsp;\r\n") 
.append(" 第 < input name = \"pageResult. pageNo\" value=\""+ 
pageResult. getPageNo() + "\" size=\"3\" /> 页 ") 
.append(" / 共 " + pageResult. getPageTotal() + "页 \r\n") 
.append("<a href = \"javascript:page first();\"> 第 一 页 </a> \r\n") 
.append("<a href = \"javascript:page_pre();\"> 上 一 页 </a>\r\n") 
.append("<a href = \"javascript:page_next();\"> 下 一 页 </a> \r\n") 
.append("<a href = \"javascript:page_last();\"> 最 后 一 页 </a>\r\n") 
.append("< input type = \"button\" onclick = \"javascript:page_go();\" value=\" 转 到 \" />\r\n") 
.append("< script >\r\n") 
.append("var pageTotal = "+ pageResult.getPageTotal() +";\r\n") 
.append("var recTotal = "+pageResult.getRecTotal() +";\r\n") 
.append("</script >\r\n") 
.append("</div>\r\n"); 
sb. append( "< script >\r\n"); 
sb. append( "function page_go()\r\n") 
.append("{\r\n") 
.append( "page validate();\r\n") 
.append( "document. forms[0]. submit();\r\n") 
.append("}\r\n") 


.append("function page first()\r\n") 
.append("{\r\n") 
.append( "document. forms[0]. elements[\"pageResult. pageNo\"].value = 1;\r\n") 
.append( "document. forms[0]. submit();\r\n") 
.append("}\r\n") 
.append( "function page_pre()\r\n") 
.append("{\r\n") 
.append("var pageNo = document. forms[0].elements[\"pageResult. pageNo\"].value;\r\n") 
.append( "document. forms[0]. elements[\"pageResult. pageNo\"]. value = parseInt( 
pageNo) - 1;\r\n") 
.append( "page validate();\r\n") 
.append( "document. forms[0]. submit();\r\n") 
.append("}\r\n") 
.append( "function page_next()\r\n") 
.append("{\r\n") 
.append("var pageNo = document. forms[0].elements[\"pageResult. pageNo\"].value;\r\n") 
.append( "document. forms[0]. elements[\"pageResult. pageNo\" ]. value = parseInt 
(pageNo) + ;\r\n") 
.append( "page_validate();\r\n") 
.append( "document. forms[0]. submit();\r\n") 
.append("}\r\n") 
.append( "function page_last()\r\n") 
.append("{\r\n") 
.append( "document. forms[0]. elements[\"pageResult. pageNo\"].value = pageTotal;\r\n") 
.append( "document. forms[0]. submit();\r\n") 
.append("}\r\n") 
,append( "function page_validate()\r\n") 
-append("{\r\n") 
.append( "var pageNo = document.forms[0].elements[\"pageResult. pageNo\"].value;\r\n") 
.append("if (pageNo<1)pageNo = 1;\r\n") 
.append( "if (pageNo > pageTotal)pageNo = pageTotal;\r\n") 
.append( "document. forms[0]. elements[\"pageResult. pageNo\"].value = pageNo;\r\n") 
.append( "var pageSize = document. forms[0].elements[\"pageResult. pageSize\"]. 
value; \r\n") 
.append("if (pageSize<1)pageSize=1;\r\n") 
.append( "document. forms[0]. elements[\"pageResult. pageSize\"].value = pageSize;\r\n") 
.append("}\r\n") 
.append( "function order by(field){\r\n") 
.append( "document. forms[0]. elements[\"pageResult. orderBy\"].value = field;\r\n") 
.append( "page first();\r\n") 
.append("}\r\n"); 
sb. append( "</script >\r\n"); 
JspWriter out = pageContext.getOut(); 
out. println( sb. toSstring()); 


} 
} catch (Exception e) { 
} 
return EVAL PAGE; 第 
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PaginationTag 标签 处 理 类 继承 了 TagSupport, 而 pageContext 属性 是 在 TagSupport 
中 定义 的 ,所 以 在 类 中 可 以 直接 使 用 这 个 对 象 。 
在 标签 处 理 类 PaginationTag 中 ,有 如 下 语句 : 


pageResult = (PageResult) pageContext. getRequest().getAttribute("pageResult"); 


pageContext 是 上 文 对 象 ,通过 这 个 对 象 可 以 获取 封装 在 请 求 对 象 中 的 信息 pageResult 
对 象 。 这 个 pageResult 对 象 是 在 下 面 的 ToViewBook 这 个 Servlet 中 保存 在 request 对 象 
中 的 。 只 要 得 到 pageResult 对 象 ,就 可 以 获得 有 关 分 页 的 所 有 信息 。 在 标签 类 中 大 部 分 代 
码 是 打印 HTML 页 面 ,同时 将 分 页 的 相关 信息 写 进 HTML 中 。 在 使 用 这 个 标签 类 时 要 注 
意 ,标签 一 定 要 放 在 一 个 表单 form 中 。 因 为 在 单 击 “上 一 页 ?或 “下 一 页 ”的 链接 时 ,实际 上 
是 提交 一 个 请 求 , 这 个 请 求 提交 给 了 所 在 form 的 action 所 指向 的 服务 器 处 理 程序 。 为 了 节 
省 篇 幅 这 里 没有 给 出 全 部 的 代码 ,其余 代 码 可 查看 源 程序 。 

PaginationTag 标签 处 理 类 中 没有 标签 体 , 所 以 只 需要 重 写 doEndTag 或 doStartTag 
就 可 以 ,标签 处 理 代 码 是 写 在 doEndTag 方法 中 的 。 

2. 分 页 标签 库 描 述 文件 

标签 库 描述 文件 对 标签 处 理 类 和 标签 之 间 建 立 映射 关系 ,这 样 在 JSP 页 面 中 只 要 引入 
标签 库 , 就 可 以 使 用 标签 库 中 声明 的 所 有 的 标签 。 分 页 标签 库 描述 文件 为 page- 
common. tld。 

程序 (bookstore 项 目 /WEB-INF/page-common. tld) 的 清单 : 


<?xml version = "1.0" encoding = "UTF - 8"?> 
<!DOCTYPE taglib 
PUBLIC " - //Sun Microsystems, Inc. //DTD JSP Tag Library 1.2//EN" 
"http://java. sun. com/dtd/web — jsptaglibrary_1_2.dtd"> 
< taglib xmlns = "http://java. sun. com/JSP/TagLibraryDescriptor"> 
<tlib- version>1.2</tlib- version> 
<jsp- version>1.2</jsp- version> 
< short ~ name > common </short ~ name > 
<tag> 
<name> pager </name> 
< tag— class> tag. PaginationTag </tag ~ class> 
< body - content > empty </body - content > 
</tag> 
</taglib> 


标签 库 中 只 定义 了 一 个 标签 pager, 对 应 的 处 理 类 为 tag 包 中 PaginationTag 类 ,标签 没 
有 标签 体 。 标 签 库 文件 保存 在 了 WEN-INF 目录 下 。 

3. 使 用 分 页 标签 

在 图 书 显示 这 个 示例 中 ,首先 请 求 一 个 Servlet ,在 Servlet 中 接收 页 面 传递 过 来 的 请 求 
参数 ,请求 参 数 包括 当前 要 显示 第 几 页 ,以 及 每 页 的 记录 数 ; 其 次 创建 PageResult 类 的 实 
例 , 将 分 页 的 相关 信息 封装 在 对 象 中 ,再 将 这 个 对 象 保存 在 Request 中 。 处 理 请 求 的 
Servlet 类 为 ToViewBooks。 


程序 (bookstore 项 目 /src/tag/ToViewBooks. java) 的 清单 : 


package tag; 
import java. io. IOException; 
import java. util.List; 
import javax. servlet. ServletException; 
import javax. servlet. http. HttpServlet; 
import javax. servlet. http. HttpServletRequest; 
import javax. servlet. http. HttpServletResponse; 
import bean. TitleDao; 
import bean. TitleDaoImpl; 
public class ToViewBooks extends HttpServlet { 
public ToViewBooks() { 
super(); 
} 
public void destroy() { 
super. destroy( ); 
b 
public void doGet (HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
doPost (request, response); 
} 
public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException { 
PageResult pageResult = new PageResult( ); 
TitleDao dao = new TitleDaoImp](); 


List list = dao. getTitles(); // 得 到 图 书 列表 
int pageSize = pageResult. getPageSize( ); // 每 页 显示 的 记录 数 
int pageNo; // 当 前 页 号 


if(request. getParameter("pageResult. pageNo")!= null){ 
pageNo = Integer. parseInt(request. getParameter("pageResult. pageNo" ) ); 


// 从 请 求 中 获取 当前 页 号 
} 
else 
pageNo = pageResult. getPageNo( ) ; // 采 用 默认 的 页 号 
if(request. getParameter("pageResult. pageSize")!= null) 
// 获 取 请 求 中 每 页 显示 记录 数 


pageSize = Integer. parseInt(request. getParameter("pageResult. pageSize" )); 

int len = list. size(); 

len= len>(pageNo) * pageSize? (pageNo) * pageSize: len; // 显 示 到 当前 页 时 的 记录 数 

// 将 第 pageNo 页 的 数据 从 list 中 复制 到 listl 数组 中 

List listl = list. subList( (pageNo - 1) * pageSize, len); 

// 将 要 显示 的 当前 页 的 数据 ,当前 页 数 ,总 记录 数 保存 在 pageResult 对 象 中 

pageResult. setList(l1ist1); 

pageResult. setPageNo( pageNo); 

pageResult. setRecTotal(list. size()); 

pageResult. setPageSize( pageSize); 

request. setAttribute("pageResult", pageResult) ;// 将 pageResult 对 象 保存 在 request 中 
// 转 发 到 chl18 目录 中 viewBook. jsp 页 面 
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request. getRequestDispatcher ( "/test/viewBookByPageTag. jsp"). forward ( request, 


response); 
} 
public void init() throws ServletException { 
} 

b 


在 上 面 代码 中 将 pageResult 对 象 保存 在 了 request 中 ,然后 转发 到 viewBook. jsp 
页 面 。 
程序 (bookstore 项 目 /WebRoot/tset/viewBookByPageTag. jsp) 的 清单 : 


<$% @ page language = "java" contentTYpe = "text/html; charset =utf -8" pageEncoding= "utf -8"%> 
<%@ taglib uri= "http://java. sun. com/jsp/jstl/core" prefix= "c" %> 
<%@ taglib uri= "/WEB- INF/page— common. tld" prefix= "page" %> 
<html> 
<head> 
<title > 图 书 列表 </title> 
</head> 
<body><hl align = "center"> 浏 览 图 书 </hl > 
< form action = ". /ToViewBooks"> 
<table align = "center" bgcolor = lightgrey width= "800"> 
<tr><td>ISBN</td>< td> 书 名 </td>< td> 版 本 </td>< td> 发 布 时 间 </td>< td> 价 格 </td> 
</tr> 
<c:forEach var = "titles" items = " $ {requestScope.pageResult. list}" > 
<tr bgcolor=cyan><td><a href ="./ToViewTitle?isbn= $ {titles. isbn }" title = " 单 击 
显示 详细 信息 "> 
$ {titles. isbn}</a></td> 
<td>$ {titles. title}</td> 
<td>$ {titles. editionNumber}</td> 
<td>$ {titles. copyright}</td> 
<td>$ {titles. price} </td> 
</tr> 
</c:forEach> 
</table> 
< table align = "center"> 
<tr><td>< page:pager/></td></tr> 
</table> 
</form> 
</body> 
</html > 


这 个 页 面 与 第 7 章 的 viewBook. jsp 相 比 较 , 主 要 区 别 是 : 前 一 个 页 面 是 通过 useBean 
标准 动作 创建 TitleDaoImpl 类 的 实例 .调用 类 的 getTitles 方法 得 到 图 书 列表 ; 而 在 本 章 的 
viewBookByPageTag. jsp 页 面 中 是 利用 EL 表达 式 直 接 从 request 对 象 中 取得 要 显示 的 记 
录 集 合 。 为 了 使 用 自 定 义 标签 ,要 首先 导入 标签 库 : 


<$% @ taglib uri= "/WEB- INF/page— common. tld" prefix= "page" $%> 


这 一 行 命令 是 将 前 面 定义 的 标签 库 导 入 当前 页 面 ,同时 定义 前 级 为 page。 页 面 中 
< page:pager/> 这 一 命令 就 是 调用 了 标签 库 中 定义 的 pager 标签 ,输出 自 定义 标签 的 分 页 
功能 。 

在 浏览 器 地 址 栏 输入 http://localhost: 8080/bookstore/ToViewBooks, 就 可 看 到 图 
10-2 中 的 画面 。 在 这 个 页 面 中 , 当 单 击 翻 页 链接 时 ,实际 上 是 提交 给 了 ToViewBooks 类 ， 
在 这 个 Servlet 中 重新 获取 页 面 的 相关 数据 并 进行 处 理 , 并 将 处 理 结 果 保 存在 request 对 象 
中 ,然后 再 转发 到 viewBookByPageTag. jsp 页 面 , 最 终 实现 了 翻 页 功能 。 


习 题 10 


.什么 是 JSTL 自 定义 标签 ? 

. JSTL 自 定义 标签 库 有 哪些 特点 ? 

. 如何 编写 JSTL 自 定 义 标签 ? 

. 如 何 使 用 自 定 义 标签 库 ? 

. 简 述 taglib 指令 的 作用 ,举例 说 明 。 

自 定义 一 个 标签 ,实现 将 标签 体 中 的 小 写字 母 转 为 大 写字 母 。 
. 简 述 标签 处 理 程序 类 的 使 用 方法 。 
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本 章 学 习 目标 
。 掌握 聊天 室 系 统 的 开发 方法 ; 
。 掌握 网 上 投票 系统 的 开发 方法 。 


11.1 聊天 室 程 序 设计 实例 


聊天 室 是 Web 开发 技术 中 一 种 比较 典型 的 实际 应 用 。 聊 天 室 程序 并 不 复杂 ,但 是 需要 
综合 应 用 所 学 的 JSP 知识 。 

首先 , 准备 好 项 目 数据 库 。 聊 天 室 数 据 库 采 用 MySQL 数据 库 , 数据 库 名 为 
chatroomdb ,数据 库 中 有 用 户 表 user,user 表 结 构 如 表 11-1 所 示 。 


表 11-1 聊天 室 用 户 表 (user) 





列 名 类 型 长 度 备 注 
id smallint 10 主键 
username varchar 10 用 户 登 录 名 
password varchar 10 登录 密码 
name varchar 15 用 户 姓 名 
sex varchar 2 用 户 性 别 


创建 user 表 的 数据 库 脚本 文件 chatroomdb. sql 如 下 。 


SET FOREIGN_KEY_CHECKS= 0; 
DROP TABLE IF EXISTS ‘user'; 
CREATE TABLE ‘user'( 
'id' smallint(10) NOT NULL auto_increment, 
‘username' varchar(10) default NULL, 
"password' varchar(10) default NULL, 
mame' varchar(15) default NULL, 
'sex' varchar(2) default NULL, 
PRIMARY KEY ("id') 
) ENGINE = InnoDB DEFAULT CHARSET = utf8; 
INSERT INTO 'user' VALUES ('1'，'101'，'123'，' 张 大 侠 '，' 男 '); 
INSERT INTO 'user' VALUES ('2'，'102'，'123'，' 李 晓 丽 '，' 女 '); 
INSERT INTO 'user' VALUES ('3'，'103'，'123',，' 周 晓 晨 '，' 女 '); 
INSERT INTO 'user' VALUES ('4'，'104'，'123'，' 王 亚军 '，' 男 '); 


11.1.1 聊天 室 基 础 


1. 聊天 窗口 界面 介绍 
图 11-1 所 示 是 本 实例 的 聊天 室 界面 。 


肝 欢 迎 张 大 侠 男 生 进 入 脾 天 室 一 Windews Internet Explorer 




















[| http /lecalhest;5060/ chatroon/ Erame jsp | 品 | 
【聊天 室 中 现在 有 4 位 访问 者 了 聊天 室 顾客 名 单 ; 
村 军 【10 Ho 误 帮 有 

元 李 晓 丽 女 
假 狼 山 ， 或 去 滨江 公园 玩 吧 于 
欢迎 王亚军 光临 ! 2014-01-15 103222 
周 晓 晨 【103223 


好 啊 ， 去 哪儿 玩 呢 ? 
Wm 2014-01-15 103122 


李 晓 丽 【1031:8 
天 气 晴好 ， 明 关 出 去 郊游 如 何 ? 


欢迎 李 晓 丽 光临 ! 2014-01-15 10:3037 
张大 侠 【103023】 
同学 们 ， 大 家 好 啊 ! 国 


张大 使: 
有 点 事 玩 走 了 ， 你 们 


| | 











11-1 聊天 室 一 览 


聊天 室 窗口 分 成 三 个 区 域 。 

(1) 左上 部 分 称 为 fram0 区 ,用 于 显示 聊天 过 程 及 发 言 信息 。 最 上 面 一 行 给 出 目前 在 聊 
天 室 中 的 人 数 。 发 言 顺 序 按照 自 下 往 上 排列 。 例 如 ,张大 侠 先 进入 聊天 室 , 时 间 是 2014 年 
1 月 15 日 上 午 10 点 30 分 37 秒 ,他 说 “同学 们 ,大 家 好 啊 !”"。 接 着 其 他 同学 相继 进入 ,他 们 
都 说 了 一 句 话 。 每 个 人 进入 聊天 室 时 ,网 站 都 要 表示 欢迎 ,欢迎 词 中 指示 了 进入 者 的 姓名 。 

(2) 右 侧 部 分 称 为 fram2 区 ,用 于 显示 目前 聊天 室 人 员 的 姓名 和 性 别 。 

fram0 和 fram2 是 公共 信息 区 ,在 所 有 人 的 聊天 窗口 上 ,这 两 个 公共 区 中 显示 的 内 容 都 
是 相同 的 。 

(3) 左下 部 分 称 为 framl 区 ,用 于 显示 聊天 者 的 个 性 化 信息 ,属于 本 聊天 者 专用 ,在 不 
同 聊天 者 的 计算 机 中 ,这 个 区 域 中 显示 的 内 容 是 不 同 的 。 例 如 ,图 11-1 中 的 framl 区 显示 
的 是 张大 侠 , 表 明 这 是 在 张大 侠 的 计算 机 中 看 到 的 情景 ,文本 框 中 显示 的 “我 有 点 事先 走 了 ， 
你 们 慢 慢 聊 哦 ”, 是 张大 侠 刚 刚 输 入 的 发 言 内 容 , 只 要 单 击 “ 发 言 按 钮 ,就 可 将 这 句 话 发 出 ， 
显示 在 上 面 的 fram0 区 中 。 在 其 他 聊天 者 的 计算 机 中 ,framl 区 中 的 名 字 将 换 成 其 他 聊天 
者 的 名 字 ,文本 框 中 显示 的 也 是 相应 聊天 者 输入 的 发 言 内 容 。 

总 之 ,fram0 和 fram2 中 显示 的 是 每 个 聊天 者 都 能 看 到 的 信息 ,内容 都 相同 。framl 中 
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显示 的 是 聊天 者 的 个 性 化 信息 ,只 有 聊天 者 自己 才能 看 得 到 ,内 容 因 人 而 异 。 

由 于 在 图 11-1 中 ,按照 发 言 顺序 自 下 而 上 排列 ,所 以 第 一 行 是 最 新 的 发 言 和 信息 。 信 
息 多 了 , 放 不 下 时 ,就 将 最 下 面 一 行 信息 挤 出 。 

当然 ,也 可 以 反 过 来 排列 ,按照 发 言 顺序 , 自 上 而 下 排列 ,最 底下 一 行 是 最 新 的 信息 , 信 
息 多 了 , 放 不 下 时 ,就 将 最 上 面 一 行 信息 挤 出 。 

本 实例 采用 第 一 种 做 法 ,最 新 信息 放 在 第 一 排 ,更 加 醒目 。 这 种 做 法 在 具体 实现 时 先 要 
将 第 一 行 位 置 空 出 来 , 供 最 新 信息 使 用 ,后 面 将 有 详细 的 说 明 。 

2. 应 用 session 和 application 内 置 对 象 

在 聊天 室 设计 中 ,采用 JSP 内 置 的 session 和 application 对 象 来 分 别 存储 个 性 化 信息 
和 公共 性 信息 。 

使 用 session 对 象 存放 聊天 者 自己 的 姓名 、 性 别 等 个 人 信息 。 在 framl 中 显示 的 就 是 
session 对 象 中 保存 的 聊天 者 的 个 人 信息 。 这 些 信息 只 在 自己 的 聊天 窗口 中 显示 , 别 的 聊天 
者 是 看 不 到 的 。 

使 用 application 对 象 存放 聊天 室 的 公共 信息 。 由 于 访问 同一 个 聊天 室 应 用 程序 的 所 
有 用 户 都 可 以 共享 application 对 象 中 的 公共 信息 ,因此 ,将 聊天 室 的 所 有 人 的 发 言 记录 、 聊 
天 室 成 员 等 公共 信息 存放 在 application 对 象 中 ,就 可 以 在 所 有 聊天 窗口 的 fram0 和 fram2 
区 中 显示 这 些 公共 信息 。 

图 11-1 中 的 聊天 室 界面 中 有 4 个 聊天 者 ,他 们 实际 上 是 在 4 台 计算 机 上 同时 上 网 ,并 
且 都 访问 这 个 聊天 室 站 点 。 聊 天 者 可 能 相隔 千里 ,天 各 一 方 ,但 是 可 以 在 一 起 聊天 ,这 就 是 
网 上 聊天 室 的 魅力 。 

在 编程 调试 时 ,无 须 真正 具备 4 台 计 算 机 ,而 是 可 以 在 一 台 计算 机 上 模拟 多 台 计 算 机 参 
加 聊天 。 这 只 需 在 同一 台 计算 机 中 ,分 多 次 打开 浏览 器 ,每 次 打开 的 一 个 聊天 窗口 ,就 可 以 
代表 一 台 参 加 聊天 的 计算 机 。 每 个 聊天 窗口 都 有 图 11-1 所 示 的 三 个 区 域 。 其 中 fram0 和 
fram2 中 显示 的 内 容 相同 ,framl 显示 的 是 聊天 者 的 个 性 化 信息 。 

这 里 要 注意 的 是 ,有 些 浏览 器 多 次 分 别 打开 时 ,服务 器 端的 session 仍然 是 相同 的 ,这 在 
调试 时 会 导致 聊天 者 的 个 性 化 信息 不 能 完全 分 离 。 这 种 情况 可 以 通过 使 用 不 同 的 浏览 器 访 
问 聊天 室 站 点 来 解决 。 例 如 ,在 同一 台 计算 机 上 用 IE 浏览 器 .360 浏览 器 .百度 浏览 器 等 分 
别 访问 聊天 室 , 比 在 同一 台 计 算 机 上 分 三 次 都 是 使 用 下 浏览 器 访问 聊天 室 来 模拟 多 台 计 算 
机 的 效果 要 好 ,这 是 因为 ,采用 多 次 打开 同一 种 浏览 器 访问 聊天 室 时 ,可 能 会 由 于 它们 的 
session 相同 ,而 导致 从 session 中 获取 的 信息 不 一 致 的 情况 ,在 调试 过 程 中 遇 到 这 种 情况 时 
要 引起 注意 。 

3. 创建 登录 界面 

通常 第 一 次 进入 聊天 室 时 ,要 先进 行 注册 ,填写 姓名 和 和 密码。 登录 时 ,通过 核对 姓名 和 
密码 , 才 允 许 进 入 聊天 室 。 关 于 登录 设计 ,本 书 前 面 已 经 介绍 过 相关 技术 ,为 了 不 让 它 干 扰 
我 们 的 主要 任务 ,这 里 将 注册 和 登录 时 核对 姓名 和 密码 的 有 关 程 序 进行 了 简化 。 

登录 时 要 进行 数据 库 用 户 身份 验证 ,访问 数据 库 采 用 JavaBean(Dbcon. java) 实 现 ,程序 
如 下 。 

程序 (chatroom 项 目 /src/bean/Dbcon. java) 的 清单 : 





Package bean; 
import java. sql. Connection; 
import java. sql. DriverManager; 
public class Dbcon { 
private static final String DRIVER CLASS = "com.mysql. jdbc.Driver"; 
private static final String DATABASE URL 
"jdbc:mysql://localhost:3306/chatroomdb?useUnicode = truegcharacterEncoding = UTF — 


a 
private static final String DATABASE USRE = "root"; 
Private static final String DATABASE PASSWORD = "123"; 


public static Connection getConnction() { // 返 回 连接 
Connection dbCon = null; 
try{ 


Class. forName( DRIVER_CLASS); 
dbCon = DriverManager. getConnection(DATABASE URL, 
DATABASE_USRE, DATABASE PASSWORD); 
} catch (Exception e) { 
e. printStackTrace( ); 
和 
return dbCon; 


该 JavaBean 定义 了 数据 库 连接 参数 ,提供 了 连接 数据 库 的 方法 getConnction, 供 JSP 
程序 连接 数据 库 时 调用 。 

本 例 提 供 了 一 个 简化 的 登录 程序 index. jsp, 该 程序 创建 了 一 个 登录 界面 ,如 图 11-2 
所 示 。 


/全 登录 - Windows Internet Exploree =Io|x| 
可 卫 we:wioeahest:e0so/chetremy 本 j 国 寺 祥 




















聊天 室 登 录 于 
用 户 名 : lto1 
密 码 : [ee 
到 | 
加 
[| [| [| itermt EEC 
图 11-2 登录 界面 


程序 (chatroom 项 目 /WebRoot/index. jsp) 的 清单 : 


< 第 @ page import = "java. util. * " contentType = "text/html; charset = utf 一 8" %> 
<html> 


< Script Language = javascript> 
function fnc() { 
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证 (frm. loginname.value == "" || frm.password.value == "") { 
window. alert(" 请 输入 用 户 名 与 密码 !"); 
document. frm. elements(0). focus(); 
return; 
人 
frm. submit() 
上 
</Script> 
<head><title> 登 录 </title></head> 
<body> 
< center >< font size = 4 color = red><b> 聊 天 室 登 录 </b></font ></center><hr> 
< center > 
< form name = frm method = post action = checkuser. jsp> 
< font color = darkgreen size=4><b> 用 户 名 : </b> </font> 
< input type = "text" name = "loginname" size=25><br><br> 
< font color = darkgreen size=4><b> 密 码 : </b></font> 
< input type = "password" name = "password" size=25><br><br> 
< input type = button value = ' 登 录 ' onclick = "fnc()"> 
</form> 
</center > 
</body> 
</html > 


在 登录 程序 中 ,使 用 JavaScript 编写 一 个 检查 表单 中 是 否 将 用 户 名 和 密码 输入 完整 的 
函数 fnc。 当 聊天 者 输入 用 户 名 和 密码 , 单 击 “ 提 交 ” 按 钮 后 ,会 调用 fnc 函数 进行 输入 完 
性 验证 ,如 果 用 户 名 和 密码 输入 不 完整 , 则 给 出 提示 。 如 果 用 户 名 和 密码 输入 完整 则 提交 给 
checkuser. jsp 进行 数据 库 用 户 正 确 性 验证 ,在 提交 时 会 携带 表示 用 户 名 和 密码 的 
loginname 和 password 参数 。 验 证 成 功 出 现 如 图 11-3 所 示 的 界面 。 
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张大 侠 同学 ， 祝 贺 你 登录 成 功 ! 
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图 11-3 ”验证 成 功 界面 
程序 (chatroom 项 目 /WebRoot/checkuser. jsp) 的 清单 : 


<% @ page language = "java" import = "java.util. * ,java. sql. *" pageEncoding = "utf 一 8" 和 > 
< jsp:useBean id= "db" class = "bean. Dbcon" scope = "request"/> 

<html> 

<body> 


<% // 登 录 数 据 库 , 进行 用 户 验 证 

Connection con = db. getConnction(); 

Statement stmt = con.createStatement(); 

ResultSet rs = stmt. executeQuery ("select * from user" +" where username = '" + 
request. getParameter("loginname") + ""); 

if(!rs.next()) // 用 户 验 证 失败 ,提示 重新 登录 

{ 
%> 

<b> <font size=5 color= red> 

很 遗憾 ,数据 库 中 没有 "<% = request. getParameter("loginname") 名 >" 这 个 用 户 !<br><br> 
<a href = index. jsp > 请 重新 登录 !</a> </font></b> 


} 
else // 用 户 验证 成 功 
上 
先 > 
<center ><b>< font size=5 color =blue> 
< 和 = rs.getString("name") 名 > 同学 ,祝贺 你 登录 成 功 !< br> 良 好 的 开始 是 成 功 的 一 半 .<br> 
</font ><p> 
你 的 登录 名 是 : 
< font size= 4 color =blue> <% = request. getParameter("loginname") %>< br ></font> 
你 的 芋 地 址 是 : 
< font size= 4 color = blue> <% = request.getRemoteRhddr( ) %>< br></font></b></center> 
<% 
if(session. getAttribute("name")!= null)session. removeAttribute("name"); 
if(session. getAttribute("sex")!= null)session. removeAttribute("sex"); 
session. setAttribute( "name", rs. getString("name" )); 
session. setAttribute("sex", rs. getString("sex")); 
String guestname = rs. getString("name"); 
String guestsex = rs. getString("sex"); 
String opwin = "login. jsp?name = " + guestname + "&sex = " + guestsex; 
%> 
< Script Language = javascript> 
le 
function opwinfnc(){ 
window. open("<% = opwin%>","<$% = guestname% >","toolbar = no, menubar = no, width = 660, 
height = 520"); 
self. close(); 
} 
二 一 六 
</script> 
<br>< center>< input type = "button" name = "chatbutton" value = "进入 聊天 室 " 
onclick = "opwinfnc()"><br></center> 
<% 
} 
rs.close(); 
stmt. close( ); 
con. close( ); 
> 
</body> 
</html > 
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在 checkuser. jsp 程序 中 ,首先 使 用 < jsp:useBean > 指令 创建 JavaBean 实例 ,用 于 在 页 
面 中 获得 数据 库 连 接 对 象 。 接 着 ,使 用 JDBC 访问 数据 库 , 进 行 用 户 身份 验证 。 验 证 成 功 
后 ,显示 相关 提示 信息 ,将 用 户 姓 名 和 性 别 存 人 session 对 象 中 。 用 户 按 下 “进入 聊天 室 ” 按 
钮 时 ,触发 JavaScript 函数 opwinfuc, 该 函数 调用 window 对 象 的 open 方法 ,该 方法 用 指定 
的 文件 打开 一 个 窗口 。 它 共有 三 组 参量 : 第 一 组 为 指定 的 文件 名 ; 第 二 组 为 窗口 名 ; 第 三 
组 表示 窗口 结构 和 尺寸 。 第 一 组 参量 为 字符 串 opwin 的 值 , 它 将 问号 后 面 的 表达 式 name 一 
guestname 和 sex 一 guestsex 传送 给 文件 login. jsp。 第 二 个 参量 定义 了 打开 的 窗口 的 名 称 。 
第 三 组 参量 规定 了 打开 窗口 的 属性 。 这 个 窗口 没有 工具 栏 ,没有 菜单 条 , 宽 为 660, 高 为 
520, 这 就 是 图 11-1 中 的 聊天 窗口 ,也 是 本 程序 的 主要 窗口 。 

语句 “self. close();” 用 于 关闭 self 页 面 , 也 就 是 关闭 当前 正在 操作 的 checkuser. jsp 页 
面 。 这 是 因为 ,打开 聊天 窗口 后 ,就 在 这 个 新 窗口 中 进行 聊天 ,原来 的 登录 验证 页 面 就 没有 
用 了 ,可 以 关闭 了 。 关 闭 checkuser. jsp 窗口 前 ,会 自动 弹出 如 图 11-4 所 示 的 对 话 框 , 单 击 
其 中 的 “是 ”按钮 便 关闭 该 窗口 ; 如 果 单 击 “ 否 ”按钮 , 则 将 保留 这 个 窗口 。 
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图 11-4 关闭 checkuser. jsp 窗口 确认 对 话 框 


4. 进入 聊天 室 的 准备 工作 

在 通过 window. open 方法 打开 的 聊天 窗口 中 ,首先 载 入 的 是 login. jsp 程序 ,该 程序 是 
聊天 室 的 主要 程序 之 一 。 它 进行 聊天 室 程序 的 个 性 化 信息 和 公共 信息 的 初始 化 工作 ,包括 
将 聊天 者 的 姓名 和 性 别 存 人 session 对 象 中 ,还 要 对 application 对 象 中 的 相关 数据 进行 初 
始 化 设置 与 维护 。 

session 对 象 和 application 对 象 中 的 信息 存放 空间 规划 如 图 11-5 所 示 。session 对 象 的 
个 性 化 信息 将 在 聊天 窗口 framl 中 显示 ,application 对 象 中 的 公共 信息 将 在 聊天 窗口 的 
fram0 和 fram2 中 显示 。 

如 果 是 第 一 位 进入 聊天 室 的 人 , 则 设置 application 中 聊天 室 总 人 数 talker 王 1, 同 时 初 
始 化 application 中 可 保存 聊天 记录 数 的 变量 sentence( 本 例 设 为 可 保存 50 句 ), 同 时 ,在 
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图 11-5 ”session 对象 和 application 对 象 中 的 信息 存放 空间 规划 


application 中 以 属性 的 形式 创建 三 个 均 含 有 sentence 个 元 素 的 字符 串 数 组 (talki， 
visitnami, visitsexi,i 一 1 一 sentence) ,三 个 数组 分 别 保存 聊天 记录 、 聊 天 者 姓名 和 聊天 者 性 
别 。 实 际 设计 时 ,这 三 个 数组 的 大 小 可 视 具体 情况 而 定 。 

如 果 聊 天 室 已 有 聊天 人 员 , 则 更 新 application 中 聊天 室 总 人 数 talker 十 1, 同 时 ,将 
talki、visitnami、 visitsexi 三 个 数组 各 元 素 后 挪 一 格 ,三 个 数组 的 第 一 个 元 素 talk1、 
visitnaml 、visitsexl 分 别 填 人 新 进 人 员 欢 迎 词 和 新 进 人 员 姓 名 和 性 别 。 显 然 , 聊 天 时 ,如 果 
聊天 语句 数 超过 sentence 值 , 则 将 按 先进 先 出 的 规则 滚动 替换 。login. jsp 的 代码 如 下 。 

程序 (chatroom 项 目 /WebRoot/login. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset =utf -8" %> 
<% @ page import = "java. util. Date, java. text. SimpleDateFormat" %> 
< 第 
// 由 于 name 和 sex 是 附着 在 URL 中 通过 get 方式 传 过 来 的 参数 ,因此 须 作 编码 转换 , 以 免 中 文 参 数 乱 码 
String reqname = request. getParameter("name"); 
String reqsex = request. getParameter("sex" ) ; 
String guestname = new String( reqname. getBytes("IS08859 — 1"), "utf ~ 8"); 
String guestsex = new String(reqsex. getBytes("IS08859 — 1"), "utf — 8"); 
session. setAttribute( "nam0", guestname); 
session. setAttribute("sex0", guestsex); 
int i = 0, talker = 0; //talker 用 于 计算 聊天 室 人 数 的 变量 
Object talk = null; 
Object visitnam = null; 
Object visitsex = null; 
// 调 整 聊天 室 的 人 数 , talker 为 聊天 室 人 数 , 存 于 application 
String talkerstr = (String)application. getAttribute("talker"); 
if(talkerstr == null) 
{ /x 如果 是 第 一 位 进入 聊天 室 , 则 聊天 室 人 数 talker 置 1 
同时 ,在 application 中 设 定 可 保存 的 聊天 语句 数 sentence 为 50 条 ,超出 50 条 时 则 按 先进 
先 出 规则 蔡 换 * / 
application. setAttribute("talker", "1"); 
application. setAttribute("sentence", "50"); 
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else 

{ 
talker = Integer. parseInt(talkerstr); // 否 则 ,聊天 室 人 数 talker + 1 
application. setAttribute("talker", String.valueOf(talker + 1)); 

} 


//sentence 是 在 application 中 设 定 的 可 保存 的 聊天 语句 数 
String sentencestr = (String) application. getAttribute("sentence"); 
int sentence = Integer.parseInt(sentencestr); 


// 为 保存 聊天 语句 准备 空间 
if(talker == 0) // 如 为 第 一 位 聊天 者 , 则 初始 化 发 言 记录 的 整个 空间 
{ 


for(i=1;i<= sentenceii++)application. setAttribute("talk" + i,""); 
for(i=1;i<= sentence;i++)application. setAttribute("visitnam" + i,""); 
for(i=1;i<= sentence;i++)application. setAttribute("visitsex" + i,""); 

} 

else /* 如 已 有 发 言 , 则 将 所 有 发 言 记录 数组 及 姓名 、 性 别 数组 向 后 挪 一 格 ,为 填 入 新 进 和 人员 欢 


迎 词 及 新 进 和 人 员 姓 名 、 性 别 挪 出 空间 * / 


%> 


{ 
for(i = sentence; i >= 2; i--) 
{ 
talk = application.getAttribute("talk" + (i - 1)); 
application. setAttribute("talk" + i, talk); 
visitnam = application. getAttribute("visitnam" + (i — 1)); 
application. setAttribute("visitnam" + i, visitnam); 
visitsex = application. getAttribute("visitsex" + (i — 1)); 
application. setAttribute("visitsex" + i, visitsex); 
} 
} 
// 聊 天 记录 数组 的 首 行 , 填 人 新 进 人 员 的 姓名 和 性 别 
application. setAttribute("visitnaml", guestname); 
application. setAttribute("visitsex1l", guestsex); 
// 构 建 欢迎 词 ,作为 一 条 发 言 填 人 首 行 
String tking = null; 
Date dat = new Date(); 
SimpleDateFormat sdf = new SimpleDateFormat("YYYY— MM— DD HH:mm:ss"); 
String tim = sdf. format(dat); 
tking = "<tr><td bgcolor = yellow align = left> 欢 迎 " + guestname + 
"光临 ! 光临 时 间 : " + tim+ "</td></tr>"; 
application. setAttribute("talk1", tking); 
// 客 户 端 跳 转 到 聊天 显示 页 面 
response. sendRedirect("frame. jsp"); 


在 login. jsp 程序 中 ,全 部 都 是 Java 代码 ,该 程序 的 任务 主要 是 针对 新 进 人 员 在 正式 聊 
天 前 进行 一 些 准备 工作 ,这 个 过 程 不 会 在 界面 显示 任何 信息 。 完 成 所 有 准备 工作 后 通过 语 
句 “response. sendRedirect("frame. jsp");” 转 到 聊天 室 窗口 程序 frame. jsp。frame. jsp 中 
使 用 框架 布局 ,包含 fram0、framl 和 fram2 三 个 框架 ,通过 创建 的 框架 将 界面 分 隔 成 聊天 窗 
口 的 三 个 部 分 。 


分 析 程 序 可 见 ,在 第 一 个 聊天 者 进入 聊天 室 之 前 ,还 不 存在 talker 变量 ,所 以 talkerstr 
的 值 为 null。 这 时 设置 这 个 变量 为 1, 说 明 聊 天 室 中 有 了 一 个 访问 者 。 

如 果 talkerstr 不 是 null, 表 示 talker 变量 已 经 存在 ,将 talkerstr 转换 为 int 型 变量 
talker。 再 将 talker 的 值 加 1, 然 后 转换 为 String 型 变量 存 人 application 对 象 中 的 talker 属 
性 中 ,表示 这 时 聊天 室 中 人 数 加 1。 

talk 是 一 个 String 型 变量 ,用 来 表示 聊天 者 的 发 言 。 这 里 设置 了 application 对 象 的 类 
似 数组 的 一 系列 talk 变量 ,如 talkl \talk2 ,talk3…',talkl 表示 聊天 者 说 的 第 1 句 话 , 依 此 类 
推 。 假 设 张 三 先 说 “大 家 好 ”, 这 是 第 一 句 话 , 就 是 talkl 的 内 容 。 下 面 依 此 类 推 。 

如 果 之 前 聊天 室 中 没有 人 ,talker 为 null, 则 使 用 for 循环 分 别 将 sentence( 王 50) 个 空白 字 
符 串 赋予 application 对 象 的 50 组 变量 talkl、talk2 … talk50, visitnaml 、visitnam2 … 
visitnam50 和 visitsexl visitsex2… visitsex50, 分 别 存放 聊天 发 言 记 录 和 聊天 者 的 姓名 、 
性 别 。 

如 果 talker 不 为 null, 表 示 已 经 有 了 聊天 者 , 则 执行 递减 for 循环 ,分 别 将 talki 一 1 的 内 
容 放 到 talki 中 ,将 visitnami 一 1 的 内 容 放 到 visitnami 中 ,将 visitsexi 一 1 的 内 容 放 到 
visitsexi 中 。for 循环 中 i 从 50 开始 ,到 2 结束 。 这 样 一 来 , 老 数据 的 i 值 不 断 增加 ,将 所 有 
数据 均 向 后 挪 一 位 ,最 后 将 第 一 个 数据 talk1、visitnam1l1、visitsexl 空 了 出 来 ,用 以 存放 最 新 
的 聊天 语句 和 姓名 、 性 别 等 数据 。 


11.1.2 聊天 室 窗 口 框架 


1. 创建 聊天 室 窗口 框架 
通过 程序 frame. jsp 可 初步 创建 三 个 框架 ,将 聊天 室 窗口 分 隔 成 三 个 子 窗口 fram0、 
framl \fram2。 


程序 (chatroom 项 目 /WebRoot/frame. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset = utf ~ 8" import = "java. util.Date" %> 
<% 
// 取 出 在 login. jsp 页 面 存 人 的 本 人 姓名 和 性 别 
1 String guestnam = (String) session.getAttribute("nam0"); 
2 String guestsex = (String) session.getAttribute("sex0"); 


%> 
<html> 
3 <head><title> 欢 迎 <% = guestnam%><% = guestsex$%> 进 入 聊天 室 </title> 
</head> 
4 <frameset cols="80%,*"> 
5 <frameset rows = "60%,*"> 
6 <frame src= "frame0. jsp" name = fram0 > 
ya <frame src= "framel.jsp" name = framl > 
</frameset > 
8 < frame src = "frame2. jsp" name = fram2 frameborder = 0 scrolling= no> 
</frameset > 
</html > 


语句 1 和 2 分别 将 新 进入 的 聊天 者 的 姓名 和 性 别 从 session 对 象 的 nam0 和 sex0 读 出 ， 
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存 人 字符 串 类 型 变量 guestnam 和 guestsex 中 ,它们 是 在 程序 login. jsp 中 通过 session. 
setAttribute 存 人 nam0 和 sex0 变量 的 。 语 句 3 将 变量 guestnam 和 guestsex 的 值 显示 在 
窗口 标题 栏 中 ,例如 “欢迎 张大 侠 男 进入 聊天 室 ” 等 ,这 取决 于 guestnam 和 guestsex 的 
内 容 。 

语句 4 之 后 创建 窗口 的 三 个 框架 。 

语句 4 将 窗口 分 为 左右 两 部 分 ,左边 占 80% ,右边 占 剩 下 的 20%。 

语句 5 将 左边 部 分 分 成 上 、 下 两 部 分 ,上 部 占 60%% ,下 部 占 剩 下 的 40% 。 

语句 6 创建 框架 fram0 ,在 该 框架 显示 文件 frame0. jsp。 

语句 7 创建 框架 framl ,在 该 框架 显示 文件 framel.jsp。 

语句 8 创建 框架 fram2 ,在 该 框架 显示 文件 frame2. jsp ,并 将 它 设置 为 一 个 没有 滚动 条 、 
没有 边框 的 框架 。 

2. fram0 框架 

fram0 窗口 显示 的 是 保存 在 application 对 象 中 的 公共 信息 。 在 fram0 框架 中 加 载 的 文 
件 是 frame0. jsp。 该 程序 首先 从 application 对 象 中 获取 并 显示 聊天 室 人 数 talker, 再 从 其 
中 获取 并 显示 所 有 发 言 记录 talki。meta 标签 设 定 了 页 面 每 隔 5 秒 刷 新 一 次 ,以 便 实 时 更 新 
聊天 室 相关 信息 。 

程序 (chatroom 项 目 /WebRoot/frame0. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset = utf - 8" %> 
< htm]l > 

< head > 

1 <meta http - equiv = "refresh" content =5 > 

</head> 


// 先 从 application 对 象 中 获取 聊天 室 人 数 "talker" 
2 String talkerstr = (String)application. getAttribute("talker"); 
先 > 
< font color = midnightgreen > 
3 <h4 江 聊天 室 中 现在 有 <#% = talkerstr%> 位 访问 者 】/h4> 
</font> 
<table> 
< 名。 // 从 application 对 象 中 获取 可 保存 的 聊天 语句 数 sentence 
4 String sentencestr = (String) application. getAttribute("sentence"); 
5 int sentence = Integer.parseInt(sentencestr); 
// 循 环 输出 application 对 象 中 的 所 有 聊天 语句 talki 
6 for(int i = 1; i <= sentence; i++) 
{ 
先 > 
7 <tr><% = application. getAttribute("talk" + i) %></tr> 
<% 
} 
第 > 
</table> 
</body> 
</html > 


语句 1 表示 本 网 页 每 隔 5 秒 刷 新 一 次 ,用 户 可 以 根据 需要 设置 刷新 时 间 。 由 于 聊天 室 
中 的 情况 不 断 变化 ,所 以 网 页 需要 不 断 刷新 。 每 次 刷新 相当 于 单 击 了 IE 浏览 器 的 “查看 / 刷 
新 命令。 如果 设置 的 刷新 时 间 太 长 ,网 页 的 反应 速度 太 慢 ,可 能 会 跟 不 上 聊天 的 速度 或 聊 
天 者 进出 聊天 室 的 速度 。 

语句 2 获取 Application 对 象 的 talker 变量 的 值 。talker 表示 聊天 室 里 的 人 数 , 是 一 个 
对 象 类 型 的 变量 ,语句 2 将 talker 转换 为 String 型 的 变量 talkerstr。 语 句 3 显示 这 个 字 
符 串 。 

语句 4 和 5 从 application 对 象 中 获取 数据 sentence, 并 将 它 转换 为 能 够 控制 循环 次 数 
的 int 型 数据 sentence。 本 程序 中 将 它 设 置 为 50 ,也 可 以 将 它 改 成 其 他 数值 。 

语句 6 执行 for 循环 ,语句 7 显示 变量 talk 中 的 聊天 内 容 。 随 着 i 由 小 到 大 逐一 显示 
talkl ,talk2… 等 发 言 记 录 。 由 于 i 越 小 表示 发 言 越 新 ,所 以 新 的 发 言 总 排 在 上 面 , 最 久 的 发 
言 则 在 最 底下 ,这 就 是 自 下 而 上 排列 顺序 的 由 来 。 由 于 sentence 的 值 是 50, 所 以 最 多 可 保 
存 50 个 发 言 记 录 , 可 通过 滚动 条 查看 全 部 发 言 记 录 。 

因为 设置 本 程序 每 隔 5 秒 刷 新 一 次 ,所 以 如 果 语 句 7 显示 的 内 容 发 生 了 变化 ,每 隔 5 秒 
就 会 变化 一 次 。 

3. framl 框架 

framl 窗口 中 显示 的 是 保存 在 session 对 象 中 的 聊天 者 的 个 人 信息 及 发 言 表单 ,在 
framl 框架 中 显示 的 文件 是 framel. jsp。 

程序 (chatroom 项 目 /WebRoot/framel. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset = utf — 8" %> 
<% 
// 取 出 在 login. jsp 中 存 人 的 本 人 姓名 
1 String guestnam = (String) session.getAttribute("nam0"); 
先 > 
< htm]l > 
< head> 
< Script language = "javascript"> 
<!-- 
2 function chk() 
{ 
3 if(frml. txttalk. value == "")return; 
else 
{ 
4 frml. submit( ); 
5 frml. txttalk. value = ""; 
| 
l 
6 function lgot() 
{ 
pi top. close(); 
} 
= 
</Script > 
</head> 
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< body> 
8 < form name = frml action = "talking.jsp" method = post target= "fram0"> 
9 <% = guestnam 委 >:<br> 
< textarea rows = 2 cols = 60 name = "txttalk"></textarea>< br> 
10 < input type = button value= "发 言 " onClick = "chk()"> 
< input name= resetl type = reset value = 清除 > snbsp; 
</form> 
11 < form action = "logout.jsp" method= post name = frm2 > 
12 < input type= submit value= 退 出 聊天 onClick = "1got()"> 
</form> 
</body> 
</html > 


语句 1 获取 session 对 象 中 存 有 聊天 者 姓名 的 nam0 的 值 ,转换 为 字符 串 变 量 后 赋 给 变 
量 guestnam 。 

语句 2 定义 了 chk 函数 ,语句 6 定义 了 lgot 函数 。 

语句 8 开始 创建 第 一 个 表单 frml, 其 中 有 一 个 文本 框 一 个 “发 言 "按钮 和 一 个 “清除 ” 
按钮 。 语 句 11 创建 第 二 个 表单 frm2, 其 中 只 有 一 个 “退出 聊天 ”按钮 。 

程序 运行 后 ,语句 9 中 的 <% 二 guestnam %> 显 示 变 量 guestnam 中 的 聊天 者 姓名 ,这 
是 语句 1 获取 的 session 变量 nam0 的 值 。 文 件 login. jsp 中 已 经 将 用 户 姓 名 和 性 别 等 个 性 
化 信息 保存 在 session 中 了 ,session 中 的 个 性 化 信息 就 是 为 framl 准备 的 。 这 就 是 不 同 聊 
天 者 的 framl 窗口 中 显示 的 内 容 不 同 的 原因 。 

聊天 发 言 内 容 在 < textarea > 多 行文 本 输入 框 中 输入 。 

如 果 单 击 语句 10 的 “发 言 ?按钮 , 便 按照 onClick 属性 调用 chk 函数 。 如 果 语 句 3 判断 
txttalk 为 空 字符 串 ,表明 尚 没有 输入 发 言 内 容 , 便 执行 return 命令 ,返回 原 处 ,要 求 输入 发 
言 内 容 。 如 果 语 句 3 判断 txttalk 文本 框 中 已 经 输入 了 内 容 , 则 语句 4 调用 framl 的 submit 
方法 提交 表单 ,通过 语句 8 的 action 属性 将 表单 中 的 发 言 信息 提交 给 talking. jsp 处 理 。 语 
句 5 清除 txttalk 文本 框 中 的 内 容 , 为 输入 下 一 次 发 言 做 好 准备 。 文 件 talking. jsp 用 于 处 理 
发 言 内 容 , 后 面 将 会 详细 介绍 。 

如 果 单 击 语 句 12 的 “退出 聊天 ”按钮 , 便 按照 onClick 属性 调用 lgot 方法 。 通 过 语句 11 
的 action 属性 导向 到 文件 logout. jsp。 语 句 7 调用 top. close 方法 关闭 窗口 。 

单 击 “ 退 出 聊天 ”按钮 ,表示 某 人 要 退出 聊天 室 , 这 时 需要 进行 以 下 两 项 工作 : 

(1) 导向 到 logout. jsp 文件 。 该 文件 用 于 进行 退出 聊天 、 关 闭 聊 天 窗口 的 善后 工作 。 

(2) 调用 top. close 方法 关闭 本 人 的 聊天 窗口 。top 窗口 是 顶层 窗口 ,就 是 父 窗口 
window 或 浏览 器 窗口 ,也 就 是 本 人 的 聊天 窗口 。 假 设 张大 侠 要 退出 聊天 , 便 关 闭 了 他 的 窗 
口 。 张 大 侠 的 窗口 关闭 后 ,还 有 其 他 人 在 聊天 ,聊天 程序 还 在 继续 运行 。 

4. fram2 框架 

fram2 窗口 中 显示 的 是 保存 在 application 对 象 中 的 所 有 聊天 者 姓名 等 公共 信息 。 
fram2 框架 中 显示 的 文件 是 frame2. jsp。 

程序 (chatroom 项 目 /WebRoot/frame2. jsp) 的 清单 : 


<% @ page contentTYpe = "text/html; charset =utf — 8" %> 
<html> 
<head> 

<meta http— equiv = "refresh" content = 5 > 
</head> 
<body> 

<font size =2 color = darkblue> 

聊天 室 顾客 名 单 : < hr > 
<% 
1 String talkerstr = (String) application. getAttribute("talker"); 
2 int talker = Integer.parseInt(talkerstr); 
3 for(int i = 1; i <= talker; i++) 


{ 


4 < 外 = application. getAttribute("visitnam" + i)%> 
5 < 外 = application. getAttribute("visitsex" + i)%><br> 


} 
先 > 

</font> 
</body> 
</html > 


语句 1 从 application 对 象 中 获取 属性 talker 的 值 ,其 中 保存 的 是 聊天 室 人 数 , 转 换 为 
String 类 型 后 赋 给 变量 talkerstr, 这 是 在 聊天 室 的 人 数 。 

语句 2 将 talkerstr 转换 为 int 型 数据 存放 在 变量 talker 中 。 

语句 3 通过 变量 talker 控制 for 循环 的 次 数 。 

语句 4 从 application 对 象 中 获取 各 visitnam 变量 的 值 ,显示 聊天 室 中 所 有 人 员 的 
姓名 。 

语句 5 从 application 对 象 中 获取 各 visitsex 变量 的 值 ,显示 聊天 者 的 性 别 。 

由 于 在 meta 语句 中 设置 本 程序 每 隔 5 秒 刷 新 一 次 ,所 以 如 果 聊 天 室 人 员 有 增 减 , 则 请 
句 4 和 5 中 变量 visitnami 和 visitsexi 的 内 容 也 会 发 生 相 应 变化 ,显示 结果 将 随 之 刷新 。 
11.1.3 聊天 信息 处 理 与 退出 机 制 

1. 构造 聊天 语句 

在 framl 框架 的 “发 言 "文本 框 中 输入 了 发 言 内 容 后 , 单 击 “发 言 ?按钮 , 便 将 含有 发 言 信 


息 的 表单 提交 给 talking. jsp 对 发 言 信 息 进行 处 理 。 该 文件 的 代码 如 下 。 
程序 (chatroom 项 目 /WebRoot/talking. jsp) 的 清单 : 





<% @ page import = "java. util. Date" contentType = "text/htm1; charset =utf— 8" %> 
< 第 
1 String guestnam = (String) session.getAttribute("nam0"); 
String talk = null; 
// 整 体 向 后 挪 一 行 ,本 次 发 言 填 人 首 行 ; application 中 的 "sentence" 为 设 定 的 聊天 语句 数 
2 ， String sentencestr = (String) application.getAttribute("sentence"); 
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int sentence = Integer.parselInt(sentencestr); 
for(int i = sentence; i >= 2; i-—) 
{ talk = (String)application. getAttribute("talk" + (i — 1)); 
application. setAttribute("talk" + i, talk); 
b 
7 Date dat = new Date(); 
String hour = String.valueOf(dat. getHours()); 
String minute = String.valueOf(dat.getMinutes()); 
String second = String.valueOf(dat. getSeconds()); 
8 Stringtim = hour + ":" + minute + ":" + second; 
// 接 收 framel. jsp 传 来 的 发 言 ("txttalk"), 在 其 前 后 加 入 姓名 和 时 间 , 填 人 记录 数组 首 行 
9 String talking = "<td><font size=3 color = green>" + guestnam +"["+tim+") <br> 
<font size= 4 color = blue>" +request.getParameter("txttalk") + "</font></td>"; 
10 application. setAttribute("talk1", talking); 
11 response.sendRedirect("frame0.jsp"); 
先 > 


au ww 


talking. jsp 程序 的 结构 和 前 面 的 login. jsp 十 分 相似 ,talking. jsp 程序 也 全 部 都 是 Java 
代码 ,负责 将 framl 传 过 来 的 发 言 构建 成 含有 姓名 和 时 间 的 发 言 记录 ,保存 到 Application 
对 象 的 聊天 “数组 ”中 。 

语句 1 从 session 对 象 中 获取 发 言 人 的 姓名 nam0。 

语句 2 从 application 对 象 中 获取 聊天 发 言语 句 数目 参数 ,语句 3 将 它 转换 为 可 以 进行 
循环 次 数控 制 的 int 型 变量 sentence。 

语句 4 开始 的 for 循环 中 ,通过 语句 5 和 6 将 talk 中 的 数据 逐个 后 移 , 空 出 第 一 条 请 
句 ,放置 最 新 发 言 。 

语句 7 和 8 构造 表示 发 言 时 间 的 字符 串 tim。 

语句 9 是 本 程序 的 核心 ,构造 发 言 字符 串 tking, 其 中 有 发 言 者 的 姓名 guestnam 发 言 
时 间 tim 以 及 发 言 的 内 容 txttalk。 

语句 10 将 tking 保存 到 application 对 象 的 第 一 条 发 言 记 录 的 变量 talkl 中 。 脚 标 1 表 
示 该 语句 是 在 最 上 面 的 第 一 条 语句 ,语句 4 的 for 循环 中 将 所 有 发 言 记 录 向 后 挪 一 位 的 目 
的 就 是 为 talkl 腾 出 空间 。 

完成 以 上 任务 后 ,语句 11 将 程序 重 定向 到 frame0. jsp, 这 是 在 framg0 框架 中 显示 的 文 
件 。 程 序 frame0. jsp 通过 for 循环 和 语句 


<tr><% = application. getAttribute("talk" + i) %></tr> 


逐一 显示 所 有 的 发 言 。 这 些 发 言 数 据 有 些 是 用 户 登录 程序 login. jsp 构建 的 欢迎 词 ,多 数 则 
是 talking. jsp 构建 的 聊天 发 言 ,它们 被 存放 在 application 对 象 的 变量 talkl ,talk2… 中 。 
程序 framel. jsp 的 语句 


< form action = "talking. jsp”method = post name = frml target = "fram0"> 


中 的 属性 target 设置 为 fram0, 指 示 文 件 talking. jsp 应 在 fram0 框架 中 和 运行。 这 一 设置 也 
是 必要 的 ,如 果 删 除了 这 一 设置 ,talking. jsp 程序 将 在 左下 部 的 framl 框架 中 运行 ,因为 程 


序 framel. jsp 是 在 framl 框架 中 运行 的 。 

由 于 talking. jsp 是 在 frame0 窗口 中 运行 的 ,所 以 程序 中 的 语句 11 将 程序 导向 到 文件 
frame0. jsp 是 必要 的 ,这 样 做 的 思路 是 ,在 framo0 窗口 中 首先 运行 的 是 聊天 发 言 处 理 程序 
talking. jsp, 再 运行 聊天 发 言 显 示 程 序 frame0. jsp。 和 否则 fram0 窗口 中 运行 的 仍然 是 
talking. jsp, 发 言 记 录 talkl talk2… 就 不 能 显示 在 fram0 中 ,因为 显示 发 言 内 容 是 由 
frame0. jsp 负责 的 。 

2. 构造 退出 语句 

在 framl 框架 中 ,还 有 一 个 退出 表单 fram2, 该 表单 中 只 有 一 个 名 为 “退出 聊天 ”的 按 
钮 ,如 图 11-6 所 示 。 








E33 mie el el Er 
11-6 framl 框架 中 的 “退出 聊天 ”按钮 


单 击 “ 退 出 聊天 ”按钮 ,程序 便 提交 给 logout. jsp 进行 退出 处 理 。 

当 某 人 退出 聊天 室 后 ,聊天 室 中 有 什么 变化 ? 假设 用 一 台 计算 机 模拟 三 个 人 聊天 ,这 时 
需 三 次 打开 IE 浏览 器 ,于 是 在 计算 机 显示 器 屏幕 中 可 以 看 到 三 个 人 的 聊天 界面 ,如 图 11-7 
所 示 。 









让 次 迎 张 大 使 男 生计 入 区 天 室 ~ Winders Internet Kepler 
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于 国 CR 于 | 个 次 迎 司 性 屋 女 和 进入 网 天 室 Windows Internet Explorer lala 
【聊天 室 中 现在 :; [a] sttp: /locolhost S080/ catr oo Erne joy 中 上 | 
【聊天 室 中 现在 : 





【聊天 室 中 现在 有 3 位 访问 者 了 聊天 空 顾客 名 单 ， 
欢迎 周 晓 晨光 临 ! i 
欢迎 李 晓 丽 光临 !| 欢迎 周 晓 晨 光临 ! 光临 时 间 ，2014-01-20 1032:42 到 

欢迎 张大 快 光临 !| 欢迎 李 晓 丽 光临 ! 光临 时 间 ，2014-01-20 103223 
欢迎 张大 癸 光 临 ! 光临 时 间 ，2014-01-20 102926 





欢迎 周 晓 腻 光临 ! 
欢迎 李 晓 丽 光临 ! 
欢迎 张大 侠 光 临 ! 
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图 11-7 模拟 三 个 聊天 的 界面 
JSP Web 项 目 实例 
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假设 现在 周 晓 晨 单 击 “ 退 出 聊天 ?按钮 ,表示 周 晓 晨 退出 聊天 。 执 行 framel. jsp 文件 
lgot 函数 中 的 语句 8 后 , 周 晓 晨 的 聊天 窗口 关闭 , 剩 下 其 他 人 的 聊天 窗口 。 

当 周 晓 晨 退出 后 ,其 他 聊天 者 的 界面 会 发 生 相 应 变化 。 例 如 , 李 晓 丽 界面 的 变化 如 
图 11-8 所 示 , 可 以 看 到 fram0 中 出 现 了 “聊天 室 中 现在 有 2 位 访问 者 ”,“ 谢 谢 周 晓 晨 光顾 ， 
离开 时 间 : 2014-01-20 10:37:32? 等 字样 。fram2 的 访问 者 名 单 中 也 有 相应 变化 。 这 些 变化 
就 是 执行 logout. jsp 文件 的 结果 。 


/欢迎 李 晓 坝 女生 进入 团 天 室 - Windows Interaet ExELGEEE =|| | 
[i http tocalhost 8080/ chatr on/ fr me jsp 和 国 | 


【聊天 室 中 现在 有 2 位 访问 者 了 聊天 室 顾客 名 单 ; 
李 晓 丽 女 
谢谢 周 晓 宕 光顾 ! 离开 时 间 ，2014-01-20 103732 张大 侠 相 
欢迎 周 晓 宕 光临 ! 光临 时 间 ，2014-01-20 1032:42 

欢迎 李 晓 丽 光临 ! 光临 时 间 ，2014-01-20 10:32:23 


欢迎 张大 侠 光 临 ! 光临 时 间 ，2014-01-20 10:29:26 
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11-8 周 晓 晨 退出 后 其 他 聊天 者 的 界面 变化 


文件 logout. jsp 的 代码 如 下 。 
程序 (chatroom 项 目 /WebRoot/logout. jsp) 的 清单 : 


<% @ page contentType = "text/html; charset = utf ~ 8" 
import = "java. util. Date, java. text. SimpleDateFormat" %> 
< 第 
1 String guestnam = (String) session.getAttribute("nam0"); 
String talk = null; 
Object visitnam = null; 
Object visitsex = null; 
String visittmp = null; 
String vnmtmp = null; 
2 String sentencestr = (String) application. getAttribute("sentence"); 
int sentence = Integer.parseInt(sentencestr); 


String tmp; 

int kint = 0; 
3 for(int i = 1; i <= sentence; i++) 

{ 
4 tmp = (String)application. getAttribute( "visitnam" + i ); 
5 if(tmp.equals(guestnam)) kint = i; 

} 


6 for(int i = kint; i <= sentence; i++) 


{ 


入 tmp= (String) application. getAttribute("visitnam" + (i+1)); 
application. setAttribute("visitnam" + i, tmp); 
9 tmp = (String) application. getAttribute("visitsex" + (i+1)); 
10 application. setAttribute("visitsex" + i, tmp); 
上 
11 application. setAttribute("visitnam" + sentence,""); 
12 application. setAttribute("visitsex" + sentence,""); 
13 for(int i = sentence; i >= 2; i-—-—) 
{ 
talk = (String)application. getAttribute("talk" + (i 一 1)); 
application. setAttribute("talk" + i, talk); 
} 
14 Date dat = new Date(); 
SimpleDateFormat sdf = new SimpleDateFormat("YYYY— MM— DD HH:mm:ss"); 
15 String tim= sdf.format(dat); 
String tking; 
16 tking = "<tr><td bgcolor = cyan align = left > 谢谢 " 
+ guestnam + "光顾 ! 离开 时 间 : "+ tim+ "</td></tr>"7 
17 ， application. setAttribute("talk1", tking); 
18 String talkerstr = (String) application. getAttribute("talker"); 
19 int talker = Integer.parseInt(talkerstr); 
20 application. setAttribute("talker", String.valueOf(talker — 1)); 
先 > 
< htm]l > 
< head> 
< script Language = "javascript"> 
= 一 
21 function logoutcls() 
{ 
22 self. close( ); 
} 
一 一 > 
</script > 
</head> 
23 <body onload= "logoutcls()"></body> 
</html > 


语句 1 从 session 对 象 获取 变量 nam0 的 值 , 存 和 字符 串 变量 guestnam 中 ,这 便 是 要 退 
出 的 聊天 者 的 姓名 。 假 设 周 晓 晨 要 退出 ,那么 因为 是 在 周 晓 晨 的 浏览 器 中 操作 , session 对 
象 变量 nam0 的 值 必然 是 周 晓 晨 。 

语句 2 从 session 对 象 获 取 变 量 sentence 的 属性 值 。 

语句 3 用 sentence 控制 for 循环 ,通过 语句 4 和 5 判断 visitnaml visitnam2… 中 哪个 人 
等 于 guestnam ,假设 是 第 i 个 , 即 gestnami 一 guestnam, 则 令 kint 一 i。 

由 于 visitnami 要 退出 聊天 室 , 所 以 要 将 这 个 姓名 连同 性 别 从 application 对 象 中 删除 。 
删除 的 方法 是 将 在 它 后 面 的 姓名 连同 性 别 依次 向 前 挪动 一 个 位 置 。 最 终 将 退出 者 名 单 移 到 
末尾 ,再 用 空白 字符 串 覆盖 该 变量 。 
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由 于 在 i 前 面 的 人 不 必 更 动 位 置 ,所 以 语句 6 从 i 开始 循 环 , 请 句 7 一 10 分 别 将 i 以 后 
的 姓名 和 性 别 向 前 挪 一 个 位 置 , 即 从 位 置 i 十 1 向 前 挪 到 位 置 i。 

语句 11 和 12 将 最 后 一 个 姓名 和 性 别 用 空 字 符 串 覆盖 ,这 样 便 在 application 的 
visitnami 和 visitsexi 序列 中 删除 了 离开 聊天 室 的 人 。 

语句 13 开始 的 循环 将 所 有 talki 后 移 一 位 . 留 出 第 一 个 位 置 存 放 离 开 的 话语 。 现 在 这 
个 第 一 句 话 就 是 图 11-8 中 的 “谢谢 周 晓 晨 光顾 ,离开 时 间 : 2014-1-20 10:37:32” 这 人 句 话 。 

语句 14 和 15 构成 显示 时 间 的 tim 字符 串 。 语 句 16 构建 谢谢 聊天 者 光顾 的 字符 串 
tking。 语 句 17 将 tking 赋予 talkl ,将 它 作 为 最 新 的 发 言 记录 ,这 样 它 将 在 frame0 窗口 中 
显示 在 所 有 发 言 记 录 的 最 上 面 。 

语句 18 一 20 将 聊天 室 中 的 人 数 talker 减 1 ,再 存 人 application 对 象 的 talker 属性 中 。 

语句 23 的 onload 属性 要 求 加 载 body 时 调用 函数 logoutcls。 在 这 之 前 都 是 在 head 体 
中 执行 程序 , 当 进 入 body 时 执行 这 一 语句 。logoutcls 函数 中 只 有 语句 22, 即 调用 self. 
close 方 法 ,功能 是 关闭 本 操作 窗口 ,退出 聊天 室 。 


11.1.4 聊天 室 程 序 小 结 


聊天 室 程序 是 Web 程序 设计 的 典型 应 用 。 首 先 创建 用 户 数据 库 , 在 Web 工程 中 导入 
JDBC 数据 库 驱 动 jar 包 。 设 计 过 滤器 CharacterEncodingFilter. java 统一 解决 参数 传递 时 
可 能 出 现 的 中 文 乱码 问题 ,数据 库 连 接 使 用 JavaBean 实现 。 客 户 的 个 性 化 信息 保存 在 
session 对 象 中 ,聊天 室 的 公共 信息 保存 在 application 对 象 中 。 用 户 登录 时 要 构建 欢迎 词 ， 
该 欢迎 词 也 视 同 一 条 发 言 记录 保存 ; 用 户 离开 时 要 构建 谢谢 光临 语句 ,该 语句 也 视 同 发 言 
记录 保存 。checkuser. jsp 完成 用 户 数 据 库 身份 验证 。login. jsp 是 纯 Java 代码 构成 ,主要 
完成 用 户 进 入 聊天 室 之 前 的 一 系列 准备 工作 ,这 些 工 作 包 括 用 户 个 性 化 信息 设置 、 聊 天 室 人 
数 调 整 .application 公共 信息 存储 空间 的 准备 .构建 欢迎 词 等 。frame. jsp 是 聊天 室 框架 布 
局 程序 ,该 程序 将 聊天 室 分 成 三 个 框架 窗口 ,左上 部 的 窗口 运行 的 是 frame0. jsp, 它 负责 显 
示 application 中 存放 的 聊天 发 言语 句 , 自 动 刷 新 ,实时 更 新 发 言 信息 ; 右边 窗口 运行 的 是 
frame2. jsp, 它 负责 显示 application 中 存放 的 聊天 室 人 员 姓 名 等 公共 信息 。 在 所 有 人 的 聊 
天 中 ,这 两 个 窗口 中 的 内 容 都 一 样 。 左 下 部 窗口 运行 的 是 framel.jsp, 这 个 窗口 中 的 姓名 信 
息 来 自 session 对 象 ,窗口 中 有 两 个 表单 ,一 个 表单 中 含有 聊天 发 言 文本 输入 框 ,该 表单 提交 
给 talking. jsp 构建 发 言 记录 ,并 存 和 人 application 中 ,talking. jsp 也 是 纯 Java 语句 构成 的 , 主 
要 是 维护 application 中 的 发 言 信息 , 供 frame0. jsp 显示 使 用 ; 另 一 个 表单 只 含有 一 个 “退出 
聊天 ”按钮 ,该 表单 提交 给 logout. jsp, 构 建 谢谢 光临 语句 ,更 新 application 中 的 发 言 记录 ， 
修改 聊天 室 总 人 数 和 聊天 室 成 员 信息 。 聊 天 室 项 目 涉 及 的 程序 文件 及 作用 如 表 11-2 所 示 。 


表 11-2 聊天 室 程 序 文件 列表 


程 序 作 用 
Dbcon. java 数据 库 连 接 工具 类 (JavaBean) 
CharacterEncodingFilter. java 请 求 参数 字符 编码 过 滤器 
index. jsp 登录 入 口 程序 











续 表 





程 序 作 用 
checkuser. jsp 用 户 数 据 库 验 证 程序 
login. jsp 进入 聊天 室 之 前 的 一 系列 准备 工作 ,由 纯 Java 代码 实现 ,对 用 户 
透明 
frame. jsp 聊天 室 主 框架 程序 
frame0. jsp 公共 信息 显示 : 显示 所 有 人 的 发 言 记录 
framel. jsp 聊天 发 言 窗口 
frame2. jsp 公共 信息 显示 : 显示 聊天 室 成 员 信息 
talking. jsp 发 言 信息 处 理 程 序 , 由 纯 Java 代码 实现 ,对 用 户 透 明 
logout. jsp 退出 聊天 处 理 程序 ,由 纯 Java 代码 实现 ,对 用 户 透 明 


本 程序 充分 利用 了 application 和 session 对 象 的 特性 ,有 关 变 量 设置 的 安排 如 下 : 
session 中 的 变量 : 
。 nam0 用 来 表示 登录 者 姓名 。 
。 sex0 用 来 表示 登录 者 性 别 。 
application 中 的 变量 : 
。 sentence 用 来 控制 显示 发 言语 句 数 (在 application 中 预 留 保存 发 言语 句 的 变量 个 
数 ) 。 
talker 用 来 表示 进入 聊天 室 的 总 人 数 。 

。 visitnami 用 来 表示 聊天 者 的 姓名 。 

。 visitsexi 用 来 表示 聊天 者 的 性 别 。 

。 talki 用 来 表示 聊天 语句 。 

session 对 象 中 保存 聊天 者 姓名 nam0 和 性 别 sex0 等 个 性 化 信息 ,是 本 机 用 户 的 个 人 
数据 。 

application 对 象 中 的 数据 要 在 所 有 聊天 者 的 计算 机 中 显示 出 来 ,而 且 内容 相 同 , 如 控制 
显示 语句 数 sentence、 聊 天 室 总 人 数 talker、 聊 天 室 成 员 的 姓名 和 性 别 (visitnamivisitsexi) 、 
聊天 室 成 员 的 发 言 记录 talki 等 。 

如 果 显 示 的 发 言语 句 数 可 按 聊 天 者 要 求 因 人 而 异 设 定 , 则 可 以 将 sentence 安排 在 
session 中 存放 ,并 且 提 供 设 置 功 能 。 


11.2 投票 系统 设计 实例 


在 线 投票 系统 主要 用 来 针对 某 一 主题 或 热门 话题 征求 用 户 的 意见 或 看 法 。 系 统 具 有 投 
票 项 目 维护 、 用 户 投 票 及 结果 统计 等 功能 ,系统 采用 JSP 十 JavaBean 十 MySQL 的 技术 架构 。 
MySQL 数据 库 脚本 代码 votedb. sql 如 下 。 


SET FOREIGN_KEY_CHECKS = 0; 
DROP TABLE IF EXISTS ‘user'; 
CREATE TABLE 'user' ( 
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"id' int(11) NOT NULL auto increment, 

ame' varchar(255) default NULL, 

"password' varchar(255) default NULL, 

PRIMARY KEY (〈('id'") 
) ENGINE = InnoDB DEFAULT CHARSET = utf8; 
DROP TABLE IF EXISTS ‘vote'; 
CREATE TABLE 'vote’' ( 

"id' int(11) NOT NULL auto_increment, 

"item' varchar(50) default NULL, 

"count' int(10) default NULL, 

PRIMARY KEY ('id') 
) ENGINE = InnoDB DEFAULT CHARSET = utf8; 
INSERT INTO ‘user' VALUES ('1', ‘admin', ‘admin'); 
INSERT INTO 'user' VALUES ('2', 'aa', ‘aa'); 
INSERT INTO 'vote' VALUES ('1'，' 围 城 '，'22'); 
INSERT INTO 'vote' VALUES ( '2'，' 钢 铁 是 怎样 炼 成 的 '，'26'); 
INSERT INTO 'vote' VALUES ('3'，' 青 春之 歌 '，'20'); 
INSERT INTO 'vote' VALUES ("4'，' 大 漠 孤 烟 '，'12'); 
INSERT INTO 'vote' VALUES ('5'，' 一 江 春 水 向 东 流 '，'35'); 
INSERT INTO 'vote' VALUES ('6'，' 北 大 荒 情怀 '，'33'); 


需要 通过 过 滤器 统一 处 理 请 求 参数 的 中 文 乱码 。 
程序 (vote 项 目 /src/filter/CharacterEncodingFilter. java) 的 清单 : 


package filter; 
“… //import 引入 相关 类 包 
public class CharacterEncodingFilter implements Filter { 
public void destroy() { 
} 
public void doFilter(ServletRequest request, ServletResponse response, 
FilterChain chain) throws IOException, ServletException { 
request. setCharacterEncoding( "UTF ~ 8"); 
chain. doFilter(request, response); 
} 
public void init(FilterConfig arg0) throws ServletException { 
} 


web. xml 文件 中 关于 过 滤器 的 配置 代码 如 下 。 


<filter> 
<filter - name> character </filter - name> 
<filter - class> filter. CharacterEncodingFilter </filter ~- class> 
</filter> 
<filter 一 mapping> 
< filter - name> character </filter - name> 
<url- pattern>/ <</url- pattern> 
</filter — mapping> 


数据 库 连 接 工 具 类 DBcon. java 的 代码 如 下 。 
程序 (vote 项 目 /src/dbBean/DBcon. java) 的 清单 : 


// 数 据 库 连 接 类 ,方法 : public static Connection getConnction() 
// 注 意 : 检查 数据 库 名 、 用 户 名 、 密 码 需 正 确 
package dbBean; 


import java. 
import java. 
import java. 
import java. 
import java. 
import java. 
public class 

private 

private 


private 
private 


sql. Connection; 

sql. DriverManager; 

sql. PreparedStatement; 

sql. ResultSet; 

sql. SOLException; 

sql. Statement; 

DBcon { 

String driverStr = "com.mysql.jdbc.Driver"; 

String connStr = "jdbc:mysql://localhost:3306/votedb? 


useUnicode = true&characterEncoding = utf ~ 8"; 


static final String DATABASE USRE = "root"; 
static final String DATABASE PASSWORD = "123"; 


private Connection conn = null; 


private Statement stmt = null; 
public DBcon() 
{ 

try{ Class.forName(driverStr); 


; 


catch(ClassNotFoundException ex) { 


} 
- 


public void setDriverStr(String dstr) { 
driverStr = dstr; 


} 


public void setConnStr(String cstr){ 
ConnStr = cstr; 


} 


public ResultSet executeQuery(String sql) { 
ResultSet rs = null; 


try 


System. out. println(ex. getMessage( )); 


{ 

conn = DriverManager.getConnection(connStr,DATABASE USRE, DATABASE PASSWORD); 
stmt = conn.createStatement(); 

rs = stmt.executeQuery(sql); 


catch( SQLException ex) { 


} 


System. out. println(ex. getMessage( )); 


return rs; 


} 


public int executeUpdate(String sql) { 
int result = 0; 


try{ 


conn = DriverManager.getConnection(connStr,DATABASE USRE, DATABASE PASSWORD); 
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stmt = conn. createStatement() 7 
result = stmt. executeUpdate(sql) ; 
} 
catch( SQLException ex){ 
System. out. println(ex. getMessage( )); 
} 
return result; 
人 
public void close(){ 
try{ stmt.close(); 
conn. close( ); 
! 
catch(SQLException ex){ System.out.println(ex.getMessage()); 
} 


系统 分 为 管理 员 后 台 管理 模块 和 前 台 投 票 模 块 两 大 部 分 。 

管理 员 后 台 管理 模块 涉及 管理 员 登 录 、 投 票 项 目 添加 、 删 除 等 。 后 台 管理 模块 涉及 的 程 
序 如 下 。 

程序 (vote 项 目 /WebRoot/login. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset =utf -8"%> 
<html> 
< head ><title > 管理 员 登 录 </title></head> 
<body> 
<center> 
<h2 > 管理 员 登 录 </h2 > 
< form method = "post" action= "process. jsp"> 
< table border bordercolor = "#0099FF" bgcolor = '# CCFFFF'> 
<tr><td width="40% "> 用 户 名 : </td> <td>< input type = "text" name = "user"></td> 
<tr><td width= "40% "> 密码 : </td> < td>< input type = "password" name = "pw"></td> 
<tr> 

<td colspan= "2" align= "center"> 

< input type = "submit" value = "登录 "> 
< input type = "reset" value = "清空 "> 

</td> 
</table> 
</form> 
</center> 
</body > 
</html > 


登录 信息 交 由 process. jsp 进行 验证 处 理 。 
程序 (vote 项 目 /WebRoot/process. jsp) 的 清单 : 


< 第 @ page contentType = "text/html;charset = UTF - 8" import = "java. sql. * " %> 
< jsp:useBean id= "db" class = "dbBean. DBcon" scope = "session"/> 


<% String user = request.getParameter("user"); 
String pw = request. getParameter ("pw"); 


String sql = "select * from user where name = '" +user+"'and password= '"+pw+""; 


ResultSet rs = db. executeQuery( sql); 


if(rs. next()) 
量 rs.close(); 
db. close(); 
session. setAttribute("admin", "ok"); 
%> 
< jsp:forward page = "manage. jsp"/> 
< 和 
上 
else { 
rs.close(); 
db. close(); 
%> 


< jsp:forward page = "login. jsp"> 
< jsp:param name = "warning" value = "对 不 起 ,您 的 用 户 名 或 密码 不 正确 !"/> 
</jsp:forward> 


} 
%> 


如 果 验 证 未 通过 , 则 仍然 回 到 login. jsp 页 面 重新 登录 。 运 行 结果 如 图 11-9 所 示 。 
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图 11-9 用 户 登 录 效果 


如 果 process. jsp 对 login. jsp 提交 的 登录 信息 验证 通过 , 则 通过 服务 器 端 跳 转 语句 
<jsp:forward page 二 "manage. jsp"/> 转 到 manage. jsp 后 人 台 管 理 页 面 ,对 投票 项 进行 维护 


操作 。 
程序 (vote 项 目 /WebRoot/manage. jsp) 的 清单 : 
<% @ page contentType = "text/html;charset = UTF — 8" import = "java. sql. *"$%> 


<% @ include file = "checkadmin. jsp" %> 
< jsp:useBean id = "db" class = "dbBean. DBcon" scope = "session"/> 


JSP Web 项 目 实例 





翰 二 小 


JSP Web 共 太 及 应 用 教程 ( 贫 2 版) 路 深 纠 





< center > 
< h2 > 系统 维护 </h2 > 
< table border bordercolor = "#0099FF"> 
<tr><th colspan = "3" bgcolor = '##CCFFFF > 删除 投票 项 </th> 
<% ResultSet rs = db.executeQuery("select * from vote"); 
int i=1; 
while(rs.next()) { 
out. println("< tr>"); 
out. println("<td>" +i+"</td>"); 
out. println("< td>" + rs.getString("item") + "</td>"); 
out.println("< td align = 'center><a href = 'delete. jsp?delid = " + rs.getString("id") 
+ "> 删除 </a></td>"); 
t+; 
| 
rs.close(); 
db. close( ); 
%> 
<tr><th colspan = "3" bgcolor = ' 间 CCFFFF 必 添加 投票 项 </th> 
<tr><td colspan= "3"> 
< form method = "post" action= "add. jsp"> 
内 容 : < input type = "text" name = "additem" size= "30"> 
< input type = "submit" value = "提交 "> 
< input type = "reset" value = " 重 置 "> 
</form></td> 
<tr><td colspan = "3" align = "center" bgcolor = '# CCFFFF'><a href = "vote. jsp"> 返 回 投票 页 面 
</a></td> 
</table> 
</center> 


manage. jsp 后 台 管 理 页 面 运行 结果 如 图 11-10 所 示 。 
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图 11-10 manage. jsp 后 台 管理 页 面 运行 结果 





用 户 填写 欲 添加 的 投票 项 表单 信息 , 交 巾 add. jsp 进行 添加 处 理 , 这 个 过 程 对 用 户 是 透 
明 的 ,添加 工作 完成 后 仍然 通过 服务 器 端 跳 转 到 系统 维护 界面 manage. jsp。 
程序 (vote 项 目 /WebRoot/add. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset = UTF - 8" import = "java. sql. * " %> 
< jsp:useBean id = "db" class = "dbBean. DBcon" scope = "session"/> 
<% 

String additem = request. getParameter("additem" ); 

if(additem!= null) 


{ 
String sql = "insert into vote( item, count) values('" +additem+"',"+0+")"; 
db. executeUpdate( sql); 
db. close(); 

} 


%> 
< jsp:forward page = "manage. jsp"/> 


同样 ,删除 投票 项 操作 由 删除 程序 delete. jsp 实现 ,这 个 操作 对 用 户 也 是 透明 的 。 在 系 
统 维 护 界面 程序 manage. jsp 中 会 通过 超 链接 语句 


<a href = 'delete. jsp?delid = " + rs.getString("id") + "> 删除 </a> 


传递 欲 删除 的 id 给 delete. jsp。 在 delete. jsp 中 完成 删除 投票 项 操作 后 ,也 是 经 服务 器 端 跳 
转 语句 < jsp:forward page 一 "manage. jsp"/> 跳 转 到 系统 维护 界面 manage. jsp。 
程序 (vote 项 目 /WebRoot/delete. jsp) 的 清单 : 


<$% @ page contentType = "text/html;charset = UTF - 8" import = "java. sql. *" %> 
< jsp:useBean id = "db" class = "dbBean. DBcon”" scope = "session"/> 
< 第 
String delid = request. getParameter("delid"); 
if(delid!= null) 
{ 
db. executeUpdate( "delete from vote where id= "+ delid); 
db. close(); 
} 
第 > 
< jsp:forward page = "manage. jsp" /> 


前 台 用 户 投票 操作 由 投票 主 界面 vote. jsp 程序 实现 。 
程序 (vote 项 目 /WebRoot/vote. jsp) 的 清单 : 


<$% @ page contentType = "text/html;charset = UTF ~ 8" import = "java. sql. *" %> 
< jsp:useBean id = "db" class = "dbBean. DBcon" scope = "session" /> 
<html> 
<body>< center> 
<h2 > 您 最 喜爱 阅读 的 图 书 是 : </h2 > 
< form method = "post" action = "updatecount. jsp"> 
< table border bordercolor = "#0066FF" bgcolor = "#CCFFFF"> 
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<% 
ResultSet rs = db.executeQuery("select * from vote"); 
while (rs.next()) { 
out. println("< tr >"); 
out. println("< td>< input type= 'radio' name = 'id'value= "+ rs.getString("id") + ">"); 
out. println(rs. getString("item")); 
out. println("</td></tr >"); 
} 
rs.close(); 
db. close(); 
session. setMaxInactiveInterval( -1); 
> 
Ee 
<td align = "center">< input type = "submit" value = "投票 "></td></tr> 
< 
<td align = "center"><a href = "info. jsp"> 查 看 投票 </a></td></tr> 
</table> 
</form> <p> 
<a href = "manage. jsp"> 投 票 系统 维护 </a> 
</center > 
</body> 
</html > 


投票 界面 如 图 11-11 所 示 。 
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图 11-11 投票 界面 


投票 表单 信息 交 由 updatecount. jsp 程序 处 理 ,该 程序 在 数据 库 中 更 新 投票 项 计数 。 
程序 (vote 项 目 /WebRoot/updatecount. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset = UTF — 8" import = "java. sql. *"%> 
< jsp:useBean id = "db" class = "dbBean. DBcon" scope = "session"/> 
<% // 更 新 投票 项 计数 
String id = request. getParameter("id"); 
ResultSet rs = db. executeQuery("select * from vote where id= "+ id); 
int num= 0; 
if(rs.next()) num = rs. getInt("count"); 
numt++; 
db. executeUpdate( "update vote set count =" +num+" where id= "+ id); 
rs.close(); 
db. close( ); 
多 > 
< jsp:forward page = "info. jsp"/> 


updatecount. jsp 程序 完成 了 在 数据 库 中 更 新 投票 项 计数 后 ,经 服务 器 端 跳 转 方 式 跳 转 
到 显示 投票 结果 页 面 info. jsp。 在 info. jsp 中 ,首先 获取 总 投票 数 , 再 循环 获取 单项 投票 数 ， 
并 且 通 过 语句 < img src== 'back. gif' width 一 "十 num * 200/totalNum 十 "'height 二 '8 人 > 以 动 
态 图 形 方式 显示 投票 结果 。 

程序 (vote 项 目 /WebRoot/info. jsp) 的 清单 : 


<% @ page contentType = "text/html;charset = UTF - 8" import = "java. sql. * "%> 
< jsp:useBean id = "db" class = "dbBean. DBcon" scope = "session"/> 
< center >< h2 > 投票 结果 </h2 > 
< table border bordercolor = "#0099FF"> 
<tr><th bgcolor = '# CCEFFFF'> 选 项 </th>< th bgcolor = ' 间 CCFFFF'> 得 票数 </th>< th bgcolor = 
" 提 CCFFFF > 比例 </th> 
<% int totalNum = 0; 
ResultSet rs = db. executeQuery("select sum(count) from vote"); 
if(rs.next()) totalNum= rs.getInt(1); 
rs.close(); 
LS = db.executeQuery("select * from vote"); 
while(rs. next()&&totalNum!= 0) 
{ out.println("<tr>"); 
int num= rs. getInt("count"); 
out. println("<td>"+rs.getString("item") + "</td>"); 
out. println("<td> 得 :"+num+" 票 ” 共 :" + totalNum+" 票 </td>"); 
out. println("< td> 得 票 率 :"); 
out. println("< img src = 'back. gif'width= '" + num* 200/totalNum + "'height = '8>"); 
out. println(num * 100/totalNum + " % </td>"); 
| 
rs.close(); 
db. close(); 
%> 
</table> 
<p><a href = "vote. jsp"> 返 回 投票 页 面 </a> 


</center> 


投票 结果 显示 界面 如 图 11-12 所 示 。 
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目前 ,主要 流行 的 动态 网 页 开发 技术 有 JSP、ASP. NET、PHP。 这 三 种 技术 相对 来 说 ， 
JSP 是 一 种 较 新 的 技术 ,国外 比 国内 流行 得 更 早 。JSP 的 优势 在 于 它 是 以 Java 技术 为 基础 
的 ,JavaBean、Servlet 等 J2EE 技术 是 JSP 强大 生命 力 之 所 在 。 对 于 中 小 型 站 点 的 开发 来 
说 ,JSP、ASP. NET、PHP 并 没有 明显 的 区 别 ,但 是 对 于 大 型 应 用 系统 的 开发 ,JSP 及 J2EE 
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投票 结果 
| 选项 得 票数 | 比例 
围城 | 得 :22 票 共 :148 票 | 得 票 率 : 二 = 14% 
钢铁 是 怎样 炼 成 的 | 得 :26 票 共 :148 票 | 得 票 率 :二 二 17% | 
青春 之 歌 得 :20 票 共 :148 票 得 聚 率 : 二 = 13% 
大 漠 扳 烟 得 :12 票 共 :148 票 | 得 票 率 : 二 8% 
一 江 春 水 向 东 流 “| 得 :35 票 共 :148 票 | 得 桶 率 : -一 一 23%| 
| 比 大 荒 情 怀 得 :33 票 共 :148 票 || 得票 率 : 一 一 22%| 




















返回 投票 页 面 
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图 11-12 投票 结果 显示 界面 


技术 无 疑 是 广大 Web 开发 人 员 的 首选 。 


JSP 技术 发 展 到 现在 ,其 应 用 领域 和 适应 范围 越 来 越 广泛 ,有 如 下 几 方 面 的 原因 。 首 先 
是 因为 JSP 技术 本 身 是 由 众多 厂商 参与 制定 的 标准 ,并 开放 源码 ,提供 免费 的 JSP 实现 , 因 
此 JSP 技术 具备 足够 的 发 展 前 提 和 基础 ; 其 次 ,是 因为 JSP 技术 具备 强大 的 服务 器 端 动态 
网 页 技术 和 跨 平 台 特 性 ,因此 JSP 技术 具备 足够 的 发 展 和 应 用 空间 ; 最 后 ,因为 应 用 JSP 技 


术 的 团体 在 不 断 地 壮大 ,使 得 JSP 技术 具备 了 强大 的 发 展 动力 。 由 此 可 见 
展 以 及 其 对 IT 行业 所 带 来 的 深远 影响 ,在 未 来 必 将 继续 下 去 。 


习 题 11 


[> 


. 简 述 聊天 室 程序 的 设计 思路 。 

. 简 述 如 何 处 理 和 保存 公共 聊天 记录 。 
. 叙述 发 表 聊 天 内 容 的 逻辑 处 理 流程 。 
. 简 述 投票 系统 的 设计 思路 。 
. 依照 聊天 室 项 目 , 设 计 一 个 JSP 学 习 论 坛 系统 。 

. 仿照 投票 系统 ,设计 一 个 商品 展示 用 户 评价 系统 。 
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HTML 常用 标记 如 表 A-1 一 表 A-7 所 示 。 


HTML 常用 标记 





























表 A-1 跑马 灯 

标 记 功 能 
< marquee >…</marquee > 普通 卷 动 
< marquee behavior 一 slide: /marquee > 滑动 
< marquee behavior 一 scroll >…</marquee > 预 设 卷 动 
< marquee behavior 一 alternate >**…</marquee > 来 回 卷 动 
< marquee direction= down >***</marquee > 向 下 卷 动 
< marquee direction= up >…</marquee > 向 上 卷 动 
< marquee direction= right ></marquee > 向 右 卷 动 
< marquee direction= left ></marquee > 向 左 卷 动 
< marquee loop 一 2 >…</marquee > 卷 动 次 数 
< marquee width 一 180 >…</marquee > 设 定 宽度 
< marquee height 一 30 >*…</marquee > 设 定 高 度 
< marquee bgcolor= FF0000 >…</marquee > 设 定 背 景 颜色 
< marquee scrollamount= 30 >…</marquee> 设 定 卷 动 距离 
< marquee scrolldelay= 300 >…</marquee > 设 定 卷 动 时 间 

表 A-2 字体 效果 
标 记 功 能 
< hl >…</hl > 标题 字 ( 最 大 ) 
<<h6 >…</h6 > 标题 字 ( 最 小 ) 
<<b>…</b> 粗 体 字 
< strong >…</strong > 粗 体 字 ( 强 调 ) 
<i>…</i> 斜体 字 
< em >…</em > 斜体 字 ( 强 调 ) 
< dfn >…</dfn> 斜体 字 ( 表 示 定 义 ) 
< u>…</u> 下 夯 线 
< ins >…</ins > 下 画 线 (表示 插入 文字 ) 
< strike >…</strike > 删除 线 
删除 线 
删除 线 (表示 删除 ) 

<kbd >…</kbd > 键盘 文字 
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标 记 





< tt>…</tt> 

< xmp >…</xmp> 

< plaintext >…</plaintext> 

< listing >…</listing > 

< font color 一 00ff00 >…</font > 

< font size 一 1 >…</font> 

< font style 一 "font-family: SimHei" >*…</ 


font > 


续 表 
功 能 
打字 机 字体 
固定 宽度 字体 (在 文件 中 空白 ,换行 、 定 位 功能 有 效 ) 
固定 宽度 字体 (不 执行 标记 符号 ) 
固定 宽度 小 字体 
字体 颜色 
最 小 字体 


字体 : 黑体 simhei ,隶书 lisu、 楷 体 kaiti 等 











表 A-3 区 断 标记 
标 记 功 能 
<hr> 水 平 线 
<hr size=9> 水 平 线 ( 设 定 线 宽 粗细 ) 
<hr width=80%> 水 平 线 ( 设 定 宽度 ) 
< hr color 一 fft0000 > 水 平 线 ( 设 定 颜 色 ) 
<br> (换行 ) 
< nobr >…</nobr> 水 域 ( 不 换行 ) 
<<p>…</p> 水 域 ( 段 落 ) 
<center >…</center> 置 中 
表 A-4 链接 
标 记 功 能 
< base href 一 地 址 > 预 设 链接 时 的 基准 地 址 
<a href 王 地 址 ></a> 外 部 链接 
<a href 一 地 址 target 一 _blank ></a> 外 部 链接 ( 另 开 新 窗口 ) 
<a href== 地 址 target 一 _top ></a> 外 部 链接 (全 窗口 链接 ) 
<a href 一 地 址 target 一 页 框 名 ></a> 外 部 链接 (在 指定 页 框 链接 ) 
表 A-5 图 像 /音乐 
标 记 功 能 
<img src 一 图 片 地 址 > 贴图 
<img src 一 图 片 地 址 width 一 180 > 设 定 图 片 宽度 
<img src 一 图 片 地 址 height 一 30 > 设 定 图 片 高 度 
<img src 一 图 片 地 址 alt 一 提示 文字 > 设 定 图 片 提示 文字 
<img src 一 图 片 地 址 border 一 1 > 设 定 图 片 边框 
< bgsound src 王 MID 音乐 文件 地 址 > 背景 音乐 设 定 


表 A-6 表格 





标 记 功 能 
< table aling 一 left>…</table> 表格 位 置 , 置 左 
< table aling 一 center >…</table> 表格 位 置 , 置 中 
<table background 王 图 片 路 径 >…</table> 背景 图 片 的 URL 
< table border 一 边框 大 小 >…</table> 设 定 表 格 边框 大 小 (使 用 数字 ) 
< table bgcolor 一 颜色 码 >…</table> 设 定 表 格 的 背景 颜色 
< table borderclor 一 颜色 码 >…</table > 设 定 表 格 边框 的 颜色 
< table borderclordark 一 颜色 码 >…</table> 设 定 表 格 暗 边框 的 颜色 
< table borderclorlight 一 颜色 码 >…</table > 设 定 表格 亮 边 框 的 颜色 


< table cellpadding 一 参数 >…</table> 
< table cellspacing 一 参数 >…</table> 
< table cols 一 参数 >…</table> 

< table frame 一 参数 >…</table> 

< table width 一 宽度 >…</table> 

< table height 一 高 度 >…</table > 

<td colspan 一 参数 >…</td> 

<td rowspan 一 参数 >…</td> 


标 记 


表 A-7 


指定 内 容 与 网 格 线 之 间 的 间距 (使 用 数字 ) 
指定 网 格 线 与 网 格 线 之 间 的 距离 (使 用 数字 ) 


指定 表格 的 栏 数 

设 定 表格 外 框 线 的 显示 方式 

指定 表格 的 宽度 大 小 (使 用 数字 ) 
指定 表格 的 高 度 大 小 (使 用 数字 ) 
指定 储存 格 合并 栏 的 栏 数 (使 用 数字 ) 
指定 储存 格 合并 列 的 列 数 (使 用 数字 ) 


分 割 窗口 
功 能 





<frameset cols="20%, * "> 


<frameset rows="20%,*"> 

< frameset cols="20%, * ,20%"> 
< frameset rows="20%,* ,20%"> 
< 

<a href target > 

<a href 一 # 锚 的 名 称 > 

<a href > 

<a name 一 锚 的 名 称 > 

< address >…</address > 

<b> 

<base target > 

< basefont size > 

<bgsound src> 

<big> 

< blink> 

< body text link vlink > 

<body> 

<br> 

< caption align > 


< caption >…</caption > 


左右 分 割 ,将 左边 框架 分 割 大 小 为 20% ,右边 框架 


的 大 小 浏览 器 会 自动 调整 


上 下 分 割 , 将 上 面 框架 分 割 大 小 为 20% ,下 面 框架 


的 大 小 浏览 器 会 自动 调整 
分 割 左 中 右 三 个 框架 
分 割 上 中 下 三 个 框架 
批注 

指定 超 链接 的 分 割 窗口 
指定 锚 名 称 的 超 链接 
指定 超 链接 

被 链接 点 的 名 称 

用 来 显示 电子 邮箱 地 址 
粗 体 字 

指定 超 链接 的 分 割 窗口 
更 改 预 设 字形 大 小 

加 入 背景 音乐 
显示 大 字体 
闪烁 的 文字 

设 定 文字 颜色 

显示 本 文 

换行 

设 定 表格 标题 位 置 

为 表格 加 上 标题 
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功 能 





<center> 

< cite >…</cite> 

< code >…</code> 

< comment >…</comment > 
<dd> 

< dfn >…</dfn > 

< dir>…</dir> 
<dl>…</dl> 

< dt> 

<em> 

< font face> 

<font size > 

< form action > 

< form method > 

< frame marginheight > 
< frame marginwidth > 
<frame name> 

< frame noresize > 

< frame scrolling > 
<frame src> 
<frameset cols> 
<frameset rows> 

< frameset >…</frameset > 
< hl > 一 < h6 > 
<head> 

<hr> 

<html> 

<i> 

<img align> 

<img alt> 

< img dynsrc loop > 

< img height width > 
< img hspace> 

< img lowsrc > 

< img src border > 

< img src> 

< img vspace> 

< input type name value > 
< isindex > 
<kbd>…</kbd> 

< Titype>…</li> 


<marquee> 


居中 对 齐 

用 于 引经据典 的 文字 

用 于 列 出 一 段 程序 代码 
加 上 批注 

设 定 定义 列表 的 项 目 解说 
显示 定义 文字 

列表 文字 卷 标 

设 定 定义 列表 的 卷 标 

设 定 定义 列表 的 项 目 
强调 之 用 
任意 指定 所 用 的 字形 

设 定 字体 大 小 

设 定 提 交 处 理 的 目标 文件 


设 定 提交 方式 ,通常 为 POST 或 GET 方式 


设 定 框架 窗口 的 上 下 边界 

设 定 框架 窗口 的 左右 边界 

为 框架 窗口 命名 

锁 住 框 架 窗口 的 大 小 

设 定 框架 窗口 的 滚动 条 

将 HTML 文件 加 入 窗口 

将 窗口 分 割 成 左右 的 子 框架 窗口 
将 窗口 分 割 成 上 下 的 子 框架 窗口 
划分 框架 窗口 

设 定 文字 大 小 

标示 文件 信息 

加 上 分 网 格 线 
文件 的 开始 与 结束 

斜体 字 

调整 图 形 影 像 的 位 置 

为 图 形 影 像 加 注 

加 入 影片 

插入 图 片 并 预 设 图 形 大 小 
插入 图 片 并 预 设 图 形 的 左右 边界 
预 载 图 片 功能 

设 定 图 片 边界 

插入 图 片 

插入 图 片 并 预 设 图 形 的 上 下 边界 
在 窗 体 中 加 入 输入 字段 
定义 查询 用 的 窗 体 
表示 使 用 者 输入 文字 

列表 的 项 目 (可 指定 符号 ) 
跑马 灯 效 果 





续 表 





标 记 功 能 
<<menu >…</menu > 分 行 显示 , 行 间距 比 < br > 宽 , 形 如 菜单 
< meta name 一 "refresh”content url > 自动 更 新 文件 内 容 
< multiple> 可 同时 选择 多 项 的 列表 栏 
<noframe> 定义 不 出 现 分 割 窗口 的 文字 
<ol>…</ol> 有 序号 的 列表 
< option > 定义 窗 体 中 列表 栏 的 项 目 
<p align> 设 定 对 齐 方向 
<p> 分 段 
< person >…</person > 显示 人 名 
<pre> 使 用 原 有 排列 
< samp >…</samp > 用 于 引用 字 
< select >*</select > 在 窗 体 中 定义 列表 栏 
< small > 显示 小 字体 
< strike> 文字 加 横 线 
< strong > 用 于 加 强 语气 
<sub> 下 标 字 
<sup> 上 标 字 
< table border=n> 调整 表格 的 边框 线 宽度 
< table cellpadding > 调整 单元 格 内 部 的 数据 与 表格 线 之 间 的 距离 
< table cellspacing > 调整 表格 线 的 宽度 , 即 单元 格 间距 
< table height > 调整 表格 的 高 度 
< table width > 调整 表格 的 宽度 
< table>…</table> 产生 表格 
< td align > 调整 单元 格 字段 之 左右 对 齐 
<td bgcolor > 设 定单 元 格 字段 之 背景 颜色 
< td colspan rowspan > 单元 格 合并 
< td nowrap > 设 定单 元 格 字段 不 换行 
<td valign > 调整 单元 格 字段 之 上 下 对 齐 
<td width > 调整 单元 格 字段 宽度 
< td>…</td> 定义 单元 格 的 数据 域 位 
< textarea name rows cols > 窗 体 中 加 入 多 少 列 的 文字 输入 栏 
< textarea wrap> 决定 文字 输入 栏 是 否 自 动 换行 
<<th>…</th> 定义 表格 的 标 头 字段 
<title> 文件 标题 
<tr>…</tr> 定义 表格 每 一 行 
< tt> 打字 机 字体 
<u> 文字 加 底线 
< ul type>…</ul> 无 序号 的 列表 (可 指定 符号 ) 
< var>…</var> 用 于 显示 变量 


> 涛 有 
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CSS 的 属性 如 表 B-1 一 表 B-8 所 示 。 


CSS 属性 一 览 表 











表 B-1 CSS 的 文字 属性 
语 言 功 能 
color: #999999; 文字 颜色 
font-family :宋体 ,sans-serif; 文字 字体 
font-size: 9pt; 文字 大 小 
font-style:italic; 文字 斜体 
font-variant: small-caps; 小 字体 
letter-spacing: lpt; 字 间 距离 
line-height:200%; 设置 行 高 
font-weight: bold; 文字 粗 体 
vertical-align: sub; 下 标 字 
vertical-align: super; 上 标 字 
text-decoration: line-through; 加 删除 线 
text-decoration :overline; 加 顶 线 
text-decoration: underline; 加 下 夯 线 
text-decoration: none; 删除 链接 下 面 线 
text-transform: capitalize; 首 字 大 写 
text-transform: uppercase; 英文 大 写 
text-transform:lowercase; 英文 小 写 
text-align: right; 文字 右 对 齐 
text-align: left; 文字 左 对 齐 
text-align:center; 文字 居中 对 齐 
text-align:justify; 文字 两 端 对 齐 
vertical-align 属性 
vertical-align: top; 垂直 向 上 对 齐 
vertical-align: bottom; 垂直 向 下 对 齐 
vertical-align: middle; 垂直 居中 对 齐 
vertical-align: text-top; 文字 垂直 向 上 对 齐 
vertical-align: text-bottom; 文字 垂直 向 下 对 齐 


表 B-2 CSS 的 项 目 符号 

















语 言 功 能 
list-style-type: none; 不 编号 
list-style-type: decimal; 阿拉 伯 数 字 
list-style-type:lower-roman; 小 写 罗马 数字 
list-style-type: upper-roman; 大 写 罗马 数字 
list-style-type:lower-alpha; 小 写 英文 字母 
list-style-type: upper-alpha; 大 写 英文 字母 
list-style-type: disc; 实心 圆 形 符号 
list-style-type: circle; 空心 圆 形 符号 
list-style-type: square; 实心 方形 符号 
list-style-image: url(/dot. gif) 图 片 式 符号 
list-style-position:outside; 凸 排 
list-style-position:inside; 缩 进 
表 B-3 CSS 的 背景 样式 
语 言 功 能 
background-color: # F5E2EC; 背景 颜色 
background: transparent; 透视 背景 
background-image: url(image/bg. gif) ; 背景 图 片 
background-attachment :fixed; 浮 水 印 固定 背景 
background-repeat: repeat; 重复 排列 -网 页 默认 
background-repeat:no-repeat; 不 重复 排列 
background-repeat: repeat-x; 在 x 轴 重复 排列 
background-repeat: repeat-y; 在 y 轴 重复 排列 
background-position:90% 90%; 背景 图 片 在 x 轴 与 y 轴 的 位 置 
background-position: top; 向 上 对 齐 
background-position: bottom; 向 下 对 齐 
background-position :left; 向 左 对 齐 
background-position: right; 向 右 对 齐 
background-position: center; 居中 对 齐 
表 B-4 CSS 的 链接 属性 
语 言 功 能 
a 所 有 超 链接 
a:link 超 链 接 文字 格式 
a:visited 浏览 过 的 链接 文字 格式 
a:active 按 下 链接 的 格式 
a:hover 鼠标 指 到 链接 的 格式 
cursor:crosshair 十 字形 
cursor:s-resize 箭头 朝 下 
cursor:help 加 一 问号 附 
Cursor: w-resize 箭头 朝 左 录 
B 
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续 表 
语 言 功 能 

cursor:n-resize 箭头 朝 上 

cursor:ne-resize 箭头 朝 右 上 

cursor:nw-resize 箭头 朝 左上 

cursor: text 文字 I 型 

Cursor: se-resize 箭头 斜 右 下 

Cursor: sw-resize 箭头 斜 左下 

cursor: wait 漏斗 

表 B-5 CSS 的 边框 属性 
语 言 功 能 

border-top: 1px solid #6699cc; 上 框 线 

border-bottom: 1px solid #6699ce; 下 框 线 

border-left: lpx solid #6699cc; 左 框 线 

border-right:1px solid #6699cc; 右 框 线 

solid 实 线 框 

dotted 虚线 框 

double 双 线 框 

groove 立体 内 凸 杠 

ridge 立体 浮雕 框 

inset 思 框 

outset 凸 框 

表 B-6 CSS 的 表单 
语 功 能 
< input type= "text" name="T1" size="15"> 文本 域 
< input type= "submit" value= "submit" name= "Bl1"> 按钮 
< input type= "checkbox" name= "C1"> 复 选 框 
< input type= "radio" value="V]1" checked name="R1"> 单 选 按钮 
< textarea rows="]1" name="1" 
cols="15"></textarea > 多 行文 本 域 
< select size = 二 "1"” name 二 "D1">< option > 选项 1 </option > 列表 菜单 
< option > 选项 2 </option ></select > 
表 B-7 CSS 的 边界 样式 表 B-8 CSS 的 边框 空白 
语 言 功 能 语 言 功 能 

margin-top:10px; 上 边界 值 padding-top: 10px; 上 边框 留 空白 
margin-right: 10px; 右边 界 值 padding-right: 10px; 右边 框 留 空白 
margin-bottom:10px; 下 边界 值 padding-bottom: 10px; 下 边框 留 空白 


margin-left:10px; 左边 界 值 padding-left: 10px; 左边 框 留 空白 





附录 C JSP 样 卷 


1. 





、 填 空 题 


JSP 中 有 9 种 内 置 对 象 ,它们 分 别 是 、response 对 象 .pageContext 


对 象 ,session 对 象 application 对 象 .page 对 象 .config 对 象 和 exception 对 象 。 


2. 
3. 


request 对 象 可 以 使 用 方法 获取 表单 提交 的 信息 。 
客户 端 向 服务 器 端 提 交 数 据 的 方式 通常 有 两 种 ,一 种 是 提交 方式 ; 另 一 种 





是 提交 方式 。 


是 


. 在 JSP 内 置 对 象 中 ,与 请 求 相 关 的 对 象 是 。 


被 封装 成 javax. servlet. JspWriter 接口 ,用 来 向 客户 端 输出 内 容 。 


. out 对 象 中 用 来 输出 各 种 类 型 数据 并 换行 的 方法 是 

. out 对 象 中 用 来 输出 各 种 类 型 数据 但 不 换行 的 方法 是 。 

.onut 对 象 中 用 来 输出 一 个 换行 符 的 方法 是 

. out 对 象 中 用 来 关闭 输出 流 的 方法 是 

. out 对 象 中 用 来 输出 缓冲 区 里 的 数据 的 方法 是 。 

.out 对 象 中 用 来 清除 缓冲 区 里 的 数据 ,并 把 数据 写 到 客户 端的 方法 是 
. out 对 象 中 用 来 清除 缓冲 区 里 的 数据 ,但 不 写 到 客户 端的 方法 是 。 

. out 对 象 中 用 来 获得 缓冲 区 大 小 的 方法 是 

.onut 对象 中 用 来 获得 缓冲 区 剩余 空间 大 小 的 方法 是 

.out 对 象 中 用 来 判断 缓冲 区 是 否 自动 刷新 的 方法 是 ____。 

.request 对象 中 用 来 获得 服务 器 名 字 的 方法 是 。 

. request 对 象 中 用 来 获得 服务 器 的 端口 号 的 方法 是 。 

. request 对 象 中 用 来 获得 客户 端的 IP 地 址 的 方法 是 六 

.request 对 象 中 用 来 获得 客户 端的 计算 机 名 字 的 方法 是 

20. 


request 对 象 中 用 来 获得 客户 端 向 服务 器 端 传送 数据 的 协议 名 称 的 方法 





21. 


是 同 应 答 相 关 的 HttpServletResponse 类 的 一 个 对 象 , 它 封装 了 服务 器 对 


客户 端的 响应 ,然后 被 送 到 客户 端 以 响应 客户 请 求 。 


22. 
23. 


是 


response 对 象 中 用 来 动态 改变 contentType 属性 的 方法 是 o 
response 对 象 中 用 来 把 响应 发 送 到 另 一 个 指定 的 位 置 进行 处 理 的 方法 





24. 
25. 


response 对 象 中 用 来 设置 指定 名 字 的 HTTP 文件 头 值 的 方法 是 。 
封装 了 属于 客户 会 话 的 所 有 信息 。 
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26. session 对 象 中 用 来 设置 指定 名 字 的 属性 的 方法 是 

27. session 对 象 中 用 来 获得 指定 名 字 的 属性 的 方法 是 。 

28. 用 于 多 个 程序 或 者 多 个 用 户 之 间 共 享 数据 。 

29. 提供 了 对 每 一 个 给 定 的 服务 器 小 程序 及 JSP 页 面 的 ServletConfig 对 象 
的 访问 ,该 对 象 封装 了 初始 化 参数 以 及 一 些 实用 方法 。 

30. 是 可 以 从 JSP 脚本 程序 和 表达 式 中 获得 的 一 个 内 置 对 象 , 是 Object 类 的 
一 个 实例 。 

3 提供 了 对 JSP 页 面 内 所 在 对 象 及 名 字 空 间 的 访问 。 

32， 是 java. lang. Throwable 类 的 一 个 实例 , 指 的 是 运行 时 的 异常 。 

33. 俗称 “小 甜 饼 ”, 是 一 种 Web 服务 器 通过 浏览 器 在 访问 者 的 硬盘 上 存储 信 
息 的 手段 。 

34. 应 用 Cookie 保存 记录 的 基本 操作 包括 、 和 四 

35. 在 JSP 中 如 果 要 将 封装 好 的 Cookie 对 象 传送 到 客户 端 ,可 使 用 response 对 象 的 

方法 。 

36. 读 取 保存 到 客户 端的 Cookie, 可 使 用 response 对 象 的 

二 、 判 断 题 

1. application 的 生命 周期 比 session 的 生命 周期 长 。 ) 

2. request 的 生命 周期 比 session 的 生命 周期 长 。 ( ) 


3. 当 request 对 象 获取 客户 端 提 交 的 汉字 字符 时 ,会 出 现 乱 码 问题 ,解决 方式 是 改变 编 
码 格式 为 UTF8。 

4. 使 用 request 对 象 的 getRemoteAddr 方法 可 以 获取 客户 端的 IP 地 址 。 
. 通过 POST 方法 提交 数据 ,会 将 所 有 数据 显示 在 URL 地 址 的 后 面 。 
.Cookie 文件 是 存放 在 服务 器 端的 。 
. 在 设置 Cookie 的 最 大 存在 时 间 时 ,可 以 设置 为 负 值 和 零 。 
. JSP 内 置 对 象 是 指 不 用 声明 就 可 以 在 JSP 页 面 的 脚本 部 分 使 用 的 对 象 。 
. out 对 象 的 作用 范围 是 application 。 
10. out 对 象 的 clearBuffer 方法 用 来 清除 缓冲 区 里 的 数据 ,但 并 不 把 数据 写 到 客户 端 。 

( 六 

11. out 对 象 的 clear 方法 用 来 清除 缓冲 区 里 的 数据 ,并 把 数据 写 到 客户 端 。 ( ) 


oA 
一 一 一 一 一 一 一 
二 一 一 ~ 一 


12. 空 字符 串 "" 和 NULL 的 意义 是 相同 的 ,都 表示 这 个 对 象 不 存在 。 ) 
13. 当 request 对 象 获取 客户 提交 的 汉字 字符 时 ,会 出 现 乱 码 问题 ,解决 乱码 问题 的 关 
键 是 将 编码 方式 改变 为 UTF8。 ) 
14. session 对 象 的 存在 期 限 是 指 浏览 器 未 关闭 之 前 及 默认 时 间 内 。 ( ) 
15. Cookie 对 象 的 存在 期 限 是 指 浏览 器 未 关闭 之 前 及 设 定时 间 内 。 ( ) 
16. session 对 象 通常 存在 于 客户 端 。 ( ) 
17. 在 某 些 情 况 下 , 当 响应 客户 时 ,需要 将 客户 重新 引导 至 另 一 个 页 面 , 这 时 可 以 使 用 
response 对 象 的 sendRedirect(URL) 方 法 实现 客户 的 重 定向 。 ) 
18. response. setHeader("refresh","2") 可 以 实现 2 秒 刷新 一 次 的 效果 。 ( ) 


19. 和 session 对 象 一 样 , 当 不 同 的 客户 在 访问 服务 器 时 ,服务 器 会 创建 不 同 的 


application 对 象 。 ( ) 


20. 与 session 不 同 的 是 ,所 有 客户 的 application 对 象 都 是 同一 个 , 即 所 有 客户 共享 这 
个 内 置 的 application 对 象 。 ( ) 
21. Cookie 是 存放 在 客户 端的 信息 。 ( ) 
22. Cookie 是 存放 在 服务 器 上 的 信息 。 ( 
23. 从 执行 的 速度 上 来 分 析 , session 对 象 的 处 理 速度 通常 比 Cookie 对 象 的 处 理 速 
度 快 。 ( ) 
24. 可 以 通过 调用 SetMaxAge 方法 来 设置 Cookie 将 要 存在 的 最 大 时 间 。 ( ) 
25. 如 果 SetMaxAge 方 法 中 的 值 为 负 值 表明 要 立即 删除 该 Cookie 对 象 。 ( ) 
26. 如 果 SetMaxAge 方法 中 的 值 为 0 表明 当 浏 览 器 关闭 时 ,该 Cookie 对 象 将 被 删除 。 
攻 上 
三 、 选 择 题 
1. 下 列 选项 中 ,( ) 可 以 准确 地 获取 请 求 页 面 的 一 个 文本 框 的 输入 (文本 框 的 名 称 


为 name) 。 


¥ 


A. request. getParameter(name) 
B. request. getParameter("name") 
C. request. getParameterValues(name) 


D. request. getParameterValues("name") 


. 使 用 response 对 象 进行 重 定向 时 ,使 用 的 是 ( ) 方 法 。 


A. getAttribute B. setContentType 
C. sendRedirect D. setAttribute 
. 不 能 在 不 同 用 户 之 间 共 享 数据 的 方法 是 ( Ye 
A. 通过 Cookie B. 利用 文件 系统 
C. 利用 数据 库 D. 通过 ServletContext 对 象 


. 下 面 对 HTTP 请 求 消息 使 用 GET 和 POST 方法 陈述 正确 的 是 ( 六 


A. POST 方法 提交 信息 可 以 保存 为 书签 ,而 GET 则 不 行 
B. 可 以 使 用 GET 方法 提交 敏感 数据 

C. 使 用 POST 提交 数据 量 没 有 限制 

D. 使 用 POST 方法 提交 数据 比 GET 方法 快 


. 下面 不 属于 JSP 隐 式 对 象 的 是 ( 站 


A. session B. config C. pageScope D. exception 


. 在 JSP 中 作用 域 由 小 到 大 的 组 合 是 ( )。 


A. request page session application 

B. page request session application 

C. pageContext request session application 

D. pageScope request sessionScope applicationScope 

在 J2EE 中 ,在 aa. jsp 中 有 行 代 码 <% request. setAttribute("Co.","jb-aptech");%>, 在 


bb. jsp 中 有 行 代码 <% out. println( (String)request. getAttribute("Co. ")) ; %> ,为 了 使 得 在 bb. 
jsp 中 的 如 上 代码 可 以 显示 “bi-aptech”, 可 以 使 用 ( ”) 方 法 。( 选 择 三 项 ) 
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A. 在 aa.jsp 中 使 用 < form method 二 post action 王 "bb. jsp"> 把 请 求 提 交 到 bb. jsp 

B. 在 aa.jsp 中 使 用 < jsp:forward file 二 "bb. jsp"/> 把 页 面 跳 转 到 bb. jsp 

C. 在 ss.jsp 中 使 用 <% respones. sendRedirect("bb. jsp");%> 把 页 面 重 定向 到 bb. 
jsp 

D. 在 aa. jsp 中 使 用 %@include file 二 "bb. jsp" % 包 含 页 面 bb. jsp 

E. 在 ss.jsp 中 使 用 <% config. getServletContext(). getRequestDispatcher("/bb. 
jsp"). forward(request,response); %> 把 页 面 重 定向 到 bb. jsp 

8. 在 J2EE 中 ,在 web. xml 中 有 如 下 代码 : 


< session— config> 
< session -timeout> 30</session- timeout> /x* 是 分 钟 */ 
</session - config> 


以 下 描述 正确 的 是 (  )。 
A. 定义 了 默认 的 会 话 时 时 长 ,时 长 为 30 秒 
B. 可 以 使 用 HttpSession 类 的 getMaxInactiveInterval 方法 把 该 值 取 出 来 
C. 定义 了 默认 的 会 话 超时 时 长 ,时 长 为 30 小 时 
D. 可 以 使 用 session 类 的 getMaxInactiveInterval 方法 把 该 值 取 出 来 
9. 在 HTTP 协议 中 用 于 发 送 大 量 数据 的 方法 是 (  )。 


A. post B. get C. put D. options 
10. HttpServletRequest 接口 的 ( ) 方 法 用 于 创建 会 话 。 

A. setSession B. getContext C. getSession D. putSession 
11.( ”) 动 作用 于 将 请 求 发 送 给 其 他 页 面 。 

A. next B. forward C. include D. param 
12. page 指令 的 ( ””) 属 性 用 于 引用 需要 的 包 或 类 。 

A. extends B. import C. isErrorPage D. language 


13. 下 列 选项 中 ,( ”) 可 以 准确 地 获取 请 求 页 面 的 一 个 文本 框 的 输入 (文本 框 的 名 称 
为 name)。 
A. request. getParameter(name) 
B. request. getParameter("name") 
C. request. getParameterValues(name) 
D. request. getParameterValues("name") 


14. 使 用 response 对 象 进行 重 定向 时 ,使 用 的 方法 是 ( js 


A. getAttribute B. setContentType 
C. sendRedirect D. setAttribute 
15. 获取 一 个 Cookie 的 方法 是 ( d's 
A. request. getCookies() B. request. getCookie() 
C. response. getCookies() D. response. getCookie() 


16. 在 public HttpSession getSession(boolean bool) 的 方法 定义 中 , 当 bool 为 false 时 
表明 (  )。 


A. 直接 返回 会 话 对 象 

B. 当 服 务 器 已 经 创建 了 会 话 对 象 就 返回 该 对 象 ,否则 返回 null 

C. 直接 返回 null 

D. 当 服 务 器 已 经 创建 了 会 话 对 象 就 返回 该 对 象 ,否则 新 建 一 个 会 话 对 象 并 返回 
17. 关于 输入 和 输出 的 隐 式 对 象 有 ( 5 


A. application B. request C. response D. out 
18. 使 用 response 对 象 发 送 到 客户 端的 响应 的 内 容 类 型 时 ,使 用 的 是 ( ) 方 法 。 
A. getAttribute B. setContentType 
C. sendRedirect D. setAttribute 
19. ( ) 隐 式 对 象 可 以 处 理 JSP 页 面 运行 中 的 错误 或 者 异常 。 
A. pageContext B. page C. session D. exception 
20. 除了 session 以 外 ,还 有 ( ) 也 是 会 话 跟踪 技术 。( 选 三 项 ) 
A. 隐藏 表单 域 B. 超 链接 C. URL 重 写 D. Cookie 
四 、 问 答题 


1. 试 比较 session 对 象 .page 对 象 ,request 对 象 和 application 对 象 的 作用 范围 。 

2. 简要 描述 JSP 的 9 大 内 置 对 象 及 其 作用 。 

五 、 程 序 题 

1. 编写 一 段 汉字 转换 代码 ,解决 JSP 中 的 汉字 乱码 问题 。 

2. 用 response 编写 一 个 刷新 页 面 ,实现 每 两 秒 刷新 一 次 。 

3. 编写 一 程序 ,使 用 session 制作 网 站 计数 器 。 

4. 编写 一 程序 ,使 用 application 制作 网 站 计数 器 。 

5. 本 程序 的 功能 是 求 数字 的 平方 根 。 当 用 户 将 求 平方 根 的 数字 输入 到 文本 框 中 时 , 单 
击 Enter 按钮 ,将 在 页 面 中 显示 出 该 数字 的 平方 根 。 请 根据 程序 所 实现 的 功能 ,将 程序 补充 


在 A 处 填写 所 要 接收 的 数据 变量 为 6 
在 B 处 填写 将 textContent 变量 强制 转换 成 double 型 的 命令 
在 C 处 填写 应 输出 的 数据 的 变量 名 为 


<% page contentType = "test/html;charset = GB2312" %> 
< htm]l > 
<body>< font size=5> 
< form action = "" method = post name = form> 
< input type = "text”name = "girl"> 
< input type= "submit" value= "enter" name= " Submit"> 
</form> 
<% String testContent = request. getParameter(" A ba 
double number = 0 .r= 0; 
if(testContent ==null) {testContent =""} 
try{ number = B (testContent) ; 
if(number >=0)  {r=Math. sqrt(number); 
out. print("<BR>" + String. valueOf( 心 ) + "的 平方 根 : "); 
out. print("< BR >" + String.valueOf(r)); } 
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else {out.print("<BR>" + "请 输入 数字 字符 "); } } 
Catch(NumberrFormatException e) { 


out. print("BR" + "请 输入 数字 字符 "); 
| 
</font > 
</body> 
</html > 


6. 本 程序 实现 统计 网 站 的 客户 在 线 流 量 功能 。 用 户 访问 本 站 点 时 ,程序 判断 是 否 是 新 
客户 。 如 果 为 新 客户 ,将 number 变量 加 1; 如 果 是 访问 过 的 老 客 户 其 变量 值 不 变 。 在 本 程 
序 中 ,主要 使 用 了 session 对 象 ,请 根据 代码 所 示 功 能 将 程序 补充 完整 。 

在 D 处 填写 使 用 程序 完成 统计 功能 的 代码 

在 EE 处 填写 IF 的 条 件 判 断 语句 

在 下 处 填写 显示 数据 的 变量 名 


<% @ page contentType + "test/html;charset = GB2312" %> 
<html> 


<body> 
<%! int number = 0; 
Synchronized void countPeople() { D 

<% "if( E owe 
countPeople(); 
String str = String. valueOf (number); 
Session. setAttribute("count", str); 

} 
%> 


FE 


<p> 您 是 第 <% (String) session. getAttribute(" F ")%> 个 访问 本 站 的 人 。 
<body> 
<html> 





附录 D 课程 设计 选 题 参 考 





“JSP Web 技术 及 应 用 ”是 计算 机 相关 专业 的 必修 课程 ,其 实践 性 、 应 用 性 很 强 。 课 程 
设计 环节 是 学 生 学 习 完 理论 课程 后 ,进行 的 一 次 全 面 的 综合 训练 ,目的 是 加 深 对 理论 教学 内 
容 的 理解 和 掌握 ,使 学 生 较 系统 地 掌握 JSP 程序 设计 及 其 在 网 络 开发 中 的 工程 应 用 、 基 本 
方法 及 技巧 。 

课程 设计 的 目的 : 

(1) 联系 项 目 实践 ,巩固 所 学 理论 ,增强 独立 工作 能 力 。 

(2) 掌握 JSP 编程 .面向 对 象 的 基础 知识 。 

(3) 熟练 掌握 JSP 的 内 置 对 象 JavaBean .Servlet 等 工作 原理 和 编程 技术 。 

(4) 通过 课程 设计 使 学 生 通过 小 型 项 目 训练 ,达到 巩固 理论 知识 、 提 高 动手 能 力 的 
目的 。 

(5) 通过 课程 设计 ,进一步 培养 学 生 热爱 专业 的 思想 ,同时 对 专业 综合 素质 的 提高 起 到 
积极 的 推动 作用 。 

课程 设计 的 选 题 要 求 用 到 JSP JavaBean ,Servlet JDBC ,数据 库 等 技术 。 


课题 1: 新 闻 发 布 系统 


实现 一 个 新 闻 发 布 系统 ,主要 功能 包括 新 闻 查 看 功能 、 管 理 员 登录 发布 新 闻 和 新 闻 管 
理 功 能 。 

要 求 : 

(1) 查看 新 闻 功 能 : 任何 用 户 均 可 以 使 用 查看 新 闻 功 能 。 通 过 在 系统 导航 栏 上 单 击 
“查看 新 闻 ” 超 链接 ,可 以 进入 查看 新 闻 页 面 。 查 看 新 闻 功 能 显示 所 有 新 闻 , 并 且 使 用 分 页 显 
示 的 效果 ,可 通过 单 击 下 方 的 页 码 或 在 文本 框 中 输入 页 码 来 跳 转 到 任意 一 页 浏览 。 这 里 显 
示 的 所 有 新 闻 按 发 布 的 时 间 降 序 排序 ,以 保证 最 新 发 布 的 新 闻 位 于 最 前 面 ,通过 单 击 每 条 新 
闻 的 标题 可 以 查看 到 新 闻 的 详细 内 容 。 

(2) 管理 员 登 录 功 能 : 当 用 户 需 要 使 用 新 闻 管理 功能 时 ,需要 先 以 管理 员 身 份 登录 系 
统 。 当 未 登录 用 户 单 击 系统 导航 栏 上 的 “新 闻 管 理 ” 超 链接 时 ,进入 管理 员 登 录 页 面 。 用 户 
可 以 在 登录 页 面 输入 用 户 名 和 密码 , 若 登 录 失 败 , 则 重 定向 到 管理 员 登 录 页 面 等 待 下 一 次 
登录 。 

(3) 发 布 新 闻 功 能 : 管理 员 通 过 在 系统 导航 栏 上 单 击 “ 发 布 新 闻 ” 超 链接 可 以 进入 发 布 
新 闻 页 面 。 发 布 新 闻 时 ,需要 填写 新 闻 的 标题 和 内 容 , 发 布 时 间 取 当前 系统 时 间 , 无 须 填写 。 

(4) 新 闻 管理 功能 : 当 管 理 员 登录 系统 后 ,可 以 进行 新 闻 管理 操作 ,包括 对 现 有 新 闻 的 
修改 和 删除 。 在 管理 页 面 上 ,用 户 可 通过 单 击 每 条 记录 右 侧 的 “编辑 "和 “删除 ” 超 链接 来 进 
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行 操作 。 当 管理 员 的 本 次 维护 工作 结束 后 ,可 通过 单 击 “管理 员 退 出 ? 超 链 接 来 注销 管理 员 
身份 。 


课题 2: 小 型 论坛 BBS 


其 基本 功能 是 让 用 户 发 表 留 言 并 查看 留言 。 

要 求 : 

(1) 用 户 注册 与 登录 : 实现 用 户 注册 ,注册 时 用 户 需要 输入 基本 的 个 人 信息 ;并 以 此 注 
册 信 息 登 录 论坛 。 

(2) 发 表 留 言 : 登录 用 户 才 可 以 发 表 留 言 ,留言 板 的 设计 需要 包括 留言 主题 和 内 容 及 
时 间 等 信息 。 

(3) 查看 留言 列表 : 即 留言 列表 模块 ,可 分 页 显示 用 户 留言 标题 ,在 该 模块 可 仅 列 出 留 
言 标 题 及 留言 时 间 , 并 在 标题 上 以 超 链 接 的 形式 链接 到 具体 页 面 ,实现 用 户 阅 读 留言 。 

(4) 阅读 留言 : 可 通过 链接 实现 某 条 具体 留言 信息 的 呈现 ,提取 留言 主题 \ 内 容 及 发 表 
时 间 等 。 

(5) 留言 管理 : 实现 管理 员 对 留言 的 管理 ,主要 是 删除 操作 ,对 不 合法 的 留言 进行 
删除 。 


课题 3: 在 线 投票 系统 


投票 系统 主要 包括 前 台 投票 .结果 查看 和 后 台 管理 系统 三 个 部 分 。 

主要 包含 以 下 模块 ， 

(1) 投票 主题 显示 模块 : 可 以 浏览 投票 主题 及 相关 信息 (投票 总 数 、 投 票 时 间 等 ) ,可 实 
现 分 页 显示 。 

(2) 显示 投票 选项 模块 : 主要 是 显示 投票 内 容 , 即 投票 表单 的 实现 。 

(3) 显示 投票 结果 模块 : 主要 是 投票 选项 的 计数 统计 ,可 以 通过 文字 显示 各 选项 的 票 
数 , 并 通过 柱状 图 (可 以 用 表格 或 图 片 实现 ) 更 直观 地 显示 各 选项 的 票数 。 

(4) 后 台 管 理 模块 : 主要 包括 投票 项 目的 增加 、 修 改 和 删除 ,其 中 修改 投票 项 目 还 可 以 
包含 对 选项 的 修改 和 删除 。 禁 止 重复 投票 。 

投票 主题 增加 功能 : 以 表单 的 形式 增加 投票 主题 以 及 选项 的 个 数 。 

投票 项 目的 删除 功能 : 对 于 不 需要 的 投票 主题 实现 删除 。 


课题 4: 网 上 书店 


其 主要 功能 包括 前 台 用 户 模块 和 后 台 管 理 模块 。 

要 求 ， 

(1) 前 台 用 户 模 块 主要 是 实现 注册 用 户 浏览 图 书 ( 商 品 ) 和 购买 图 书 的 功能 。 具 体 包 括 
如 下 : 

Q@ 用 户 注册 模块 : 实现 用 户 的 注册 ,注册 时 用 户 需 要 输入 基本 的 个 人 信息 。 

@ 登录 模块 : 实现 注册 用 户 登 录 此 系统 。 

@ 在 线 购书 : 实现 注册 用 户 在 线 购书 ,包括 图 书 列表 、 图 书信 息 的 查看 和 添加 购物 车 
等 功能 。 





@ 购物 车 管理 : 实现 用 户 对 自己 的 购物 车 进行 管理 ,包括 商品 列表 、 购 买 商品 的 修改 、 
删除 ,提交 购物 车 和 清空 购物 车 功能 。 

@ 查看 订单 : 实现 对 订单 的 管理 ,包括 订单 列表 ,订单 查看 等 功能 。 

(2) 后 台 管 理 模块 主要 是 针对 系统 管理 员 实现 其 对 系统 的 管理 功能 ,具体 如 下 : 

吕 登录 模块 : 实现 管理 员 登 录 。 

@ 图 书 管理 模块 : 实现 对 图 书 的 管理 ,包括 图 书 列表 查看 图书 信息 的 添加 、 修 改 和 删 
除 等 功能 。 

@ 订单 管理 模块 : 实现 对 订单 的 管理 ,包括 订单 列表 、 订 单 的 查看 .修改 和 删除 等 
功能 。 

@ 用 户 管理 模块 : 实现 对 用 户 的 管理 ,包括 用 户 列表 ,用 户 信息 的 查看 .修改 和 删除 等 
功能 。 


课题 $: 网 络 购物 中 心 


其 主要 功能 包括 前 台 用 户 模块 和 后 台 管 理 模块 。 

要 求 : 

(1) 前 台 用 户 模 块 主要 是 实现 商品 展示 及 销售 的 功能 ,具体 包括 如 下 : 

Q@ 用 户 注册 模块 : 实现 用 户 的 注册 ,注册 时 用 户 需要 输入 基本 的 个 人 信息 。 

@ 登录 模块 : 实现 注册 用 户 登录 此 系统 。 

@ 商品 展台 : 实现 新 品 上 市 、 特 价 商品 及 畅销 商品 的 展示 等 功能 。 

@ 购物 车 管理 : 实现 用 户 对 自己 的 购物 车 进行 管理 ,包括 商品 列表 、 购 买 商品 的 修改 、 
删除 ,提交 购物 车 和 清空 购物 车 功能 。 

@ 收银 台 : 填写 订单 信息 、 结 账 等 功能 。 

@ 查看 订单 : 实现 对 订单 的 管理 ,包括 订单 列表 、 订 单 查看 等 功能 。 

@ 商品 查询 : 实现 按 类 别 查 看 商品 、 按 类 别 及 商品 名 称 模糊 查询 等 功能 。 

(2) 后 台 管 理 模块 主要 是 针对 系统 管理 员 实 现 其 对 系统 的 管理 功能 ,具体 如 下 : 

Q@ 登录 模块 : 实现 管理 员 登 录 。 

@ 商品 管理 模块 : 实现 对 商品 的 管理 ,包括 查看 商品 的 详细 信息 、 商 品 信息 的 添加 、 修 
改 和 删除 等 功能 。 

@ 订单 管理 模块 : 实现 对 订单 的 管理 ,包括 订单 列表 、 订 单 的 查看 ,修改 和 删除 等 功能 。 

@ 用 户 管理 模块 : 实现 对 用 户 的 管理 ,包括 用 户 列表 、 用 户 信息 的 查看 ,修改 和 删除 等 
功能 。 

@ 公告 管理 模块 : 实现 查看 公告 列表 、 添 加 公告 .删除 公告 。 

@ 退出 后 台 。 


课题 6: 企业 办 公 自 动 化 系统 


其 主要 功能 是 根据 企业 日 常 办 公 的 需要 进行 管理 。 
要 求 包括 10 大 功能 模块 ,具体 包括 如 下 : 

(1) 用 户 注册 模块 : 实现 用 户 的 注册 ,注册 时 用 户 需要 输入 基本 的 个 人 信息 。 
(2) 登录 模块 : 实现 注册 用 户 登 录 此 系统 。 
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(3) 收发 文 管理 模块 : 实现 浏览 发 文 、 建 立 发 文 .删除 发 文 等 功能 。 

(4) 会 议 管理 : 实现 查看 会 议 信息 、 录 入 会 议 信息 、 删 除 会 议 信息 等 功能 。 
(5) 公告 管理 模块 : 实现 查看 公告 列表 、 添 加 公告 .删除 公告 等 功能 。 

(6) 人 力 资源 管理 模块 : 实现 对 员工 信息 的 浏览 ,修改 、 添 加、 删除 等 功能 。 
(7) 资产 管理 : 实现 办 公用 品 和 车 辆 管理 的 浏览 修改 、 添 加 、 删 除 等 功能 。 
(8) 文档 管理 : 实现 文件 的 浏览 .上传 、 下 载 和 删除 等 功能 。 

(9) 内 部 邮件 管理 : 实现 邮件 的 浏览 .发送 和 删除 等 功能 。 

(10) 意见 管理 : 实现 查看 意见 箱 发送 建 议和 删除 建议 等 功能 。 

(11) 系统 退出 功能 。 


课题 7: 企业 门户 网 站 


其 主要 功能 包括 前 台 用 户 模块 和 后 台 管 理 模块 。 
要 求 : 
(1) 前 台 用 户 模 块 主要 是 实现 企业 信息 展示 和 与 客户 进行 交流 的 功能 ,具体 如 下 : 
中 用 户 中 心 模块 : 实现 用 户 的 注册 、 登 录 、 修 改 和 进入 后 台 等 功能 。 
@ 技术 支持 模块 : 实现 常见 问题 .工具 下 载 、 补 丁 下 载 等 功能 。 
@ 商品 展台 : 实现 产品 的 分 类 展示 等 功能 。 
@ 首页 : 实现 网 站 公告 .软件 下 载 排行 .友情 链 接 、 新 闻 热点 等 功能 。 
@ 留言 每 : 实现 查看 留言 和 发 布 留言 等 功能 。 
@ 解决 方案 : 解决 方案 的 详细 信息 。 
(2) 后 台 管 理 模 块 主要 是 管理 网 站 信息 和 回复 留言 的 功能 ,具体 如 下 : 
@ 登录 模块 。 
@ 用 户 查找 。 
@ 公告 管理 模块 。 
@ 新 闻 管理 中 心 模块 。 
@ 友情 链接 管理 。 
@ 退出 后 台 。 
@ 软件 类 别管 理 。 
软件 资源 管理 。 
解决 方案 管理 。 
四 常见 问题 管理 。 
@ 留言 簿 管理 。 
@ 工具 补丁 下 载 管理 。 
课题 8: 博客 系统 
其 主要 功能 包括 前 台 用 户 模块 和 后 台 管 理 模块 。 
要 求 ， 
(1) 前 台 用 户 模块 主要 是 实现 信息 展示 和 进行 交流 的 功能 ,具体 如 下 : 
Q@ 用 户 中 心 模块 : 实现 用 户 登录 、 修 改 和 进入 后 台 等 功能 。 


@ 我 的 文章 : 
@ 我 的 相册 : 
@ 我 的 影音 : 


显示 博 主 的 所 有 文章 及 文章 评论 ,发 表 文章 评论 。 


显示 博 主 的 所 有 图 片 .发表 图 片 评论 。 


显示 博 主 的 所 有 视频 及 视频 评论 ,发 表 视 频 评 论 。 


@ 给 我 的 留言 : 实现 查看 留言 和 发 布 留言 等 功能 。 


@ 加 为 好 友 : 


提供 加 入 好 友 的 功能 。 


(2) 后 台 管 理 模 块 主要 是 管理 网 站 信息 ,具体 如 下 : 


Q 登录 模块 。 
四 文章 管理 : 
@ 相册 管理 : 
@ 影音 管理 : 
@ 推荐 文章 : 
@ 退出 后 台 。 
@ 好 友 管 理 : 
友情 链接 : 


能 够 发 表 及 管理 文章 及 评论 。 
能 够 上 传 ,管理 图 片 及 评论 。 
能 够 上 传 .管理 视频 及 评论 。 
能 够 管理 推荐 的 文章 。 


能 够 管理 我 的 好 友 。 
能 够 管理 友情 链接 。 


课题 9: 新 闻 网 
其 主要 功能 包括 前 台 用 户 模 块 和 后 台 管理 模块 。 


要 求 ; 


(1) 前 台 以 分 类 形式 显示 新 闻 的 详细 信息 ,满足 了 用 户 浏览 新 闻 网 时 分 类 查看 新 闻 信 
息 的 要 求 ,同时 提供 新 闻 信息 查询 功能 ,方便 用 户 快速 查找 相关 的 新 闻 信息 ,具体 如 下 : 

新 闻 标题 分 类 显示 : 能 够 分 别 列 出 各 个 栏目 以 及 该 栏目 中 最 新 的 新 闻 ,还 应 该 提供 
按 栏目 查看 该 栏目 下 全 部 新 闻 信 息 的 功能 。 

@ 查看 新 闻 详细 内 容 : 在 选择 要 查看 的 新 闻 之 后 ,应 该 可 以 显示 该 新 闻 的 全 部 详细 信息 。 

@ 相关 新 闻 显 示 : 当 用 户 查看 新 闻 详 细 内 容 时 ,可 以 浏览 与 该 新 闻 相 关 的 新 闻 列表 ， 


方便 用 户 查看 。 


@ 新 闻 评 论 : 查看 对 新 闻 的 评论 ,查看 评论 的 信息 数 ,同时 能 够 添加 对 新 闻 的 评论 。 


@ 站 内 公告 : 


信息 公告 查询 。 


(2) 后 台 管 理 模块 主要 是 通过 “管理 员 设 置 ? 和 ”管理 员 添 加 ”等 模块 对 网 站 管理 员 进行 


管理 ,具体 如 下 : 


Q 登录 模块 : 


实现 管理 员 登 录 。 


@ 新 闻 管 理 : 实现 对 新 闻 的 管理 ,包括 新 闻 的 查看 添加、 修改 和 删除 等 功能 。 


@ 栏目 管理 模块 : 实现 对 栏目 的 查看 、 添 加 、 修 改 和 删除 等 功能 。 


@ 公告 管理 模块 : 实现 查看 公告 列表 、 添 加 公告 .删除 公告 。 


加 退出 后 台 。 


课题 10: 学 生 信 息 管理 系统 
其 主要 功能 是 学 生 信息 与 成 绩 查询 。 


要 求 : 


(1) 班级 学 生 信息 查询 : 实现 按 班级 查询 学 生 基本 信息 。 
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(2) 学 生 详细 信息 查询 : 可 按 学 生 学 号 查询 学 生 详细 信息 等 功能 。 

(3) 学 生成 绩 查 询 : 实现 学 生 可 以 按 学 期 或 针对 某 一 门 课程 来 查询 该 课程 的 成 绩 等 
功能 。 

(4) 系统 管理 : 实现 用 户 管理 和 退出 系统 及 修改 密码 等 功能 。 

(5) 学 生 管理 : 实现 学 生 资料 的 添加 和 修改 .所 在 系 部 资料 的 添加 和 修改 .所 在 学 院 资 
料 的 添加 和 修改 。 

(6) 课程 管理 模块 : 实现 对 课程 资料 的 修改 、 添 加 、 删 除 等 功能 。 

(7) 成 绩 管理 : 实现 学 生成 绩 的 浏览 修改、 添加 、 删 除 等 功能 。 

(8) 班级 资料 管理 : 实现 班级 的 修改 、 添 加 、 删 除 等 功能 。 

(9) 系统 退出 功能 。 

按 课题 要 求 完 成 以 下 相关 内 容 : 

(1) 需求 分 析 , 根 据 课题 写 出 用 户 基本 需求 。 

(2) 根据 需求 对 系统 进行 分 析 与 设计 ,并 画 出 系统 的 结构 图 。 

(3) 对 系统 中 设计 的 关键 算法 进行 设计 , 找 出 可 行 性 算法 ,并 画 出 算法 流程 图 。 

(4) 程序 实现 关键 代码 。 

(5) 准备 足够 的 数据 对 设计 的 系统 进行 测试 。 

扎 写 报告 应 简明 扼要 ,文理 通顺 ,章节 层次 分 明 , 图 表 清 晰 准确 ,篇 幅 为 5 一 10 页 A4 纸 。 
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